cubiq / 2-way-iscroll Goto Github PK
View Code? Open in Web Editor NEWHorizontal snap scroll (carousel) + vertical free scroll on mobile webkit using iScroll
License: MIT License
Horizontal snap scroll (carousel) + vertical free scroll on mobile webkit using iScroll
License: MIT License
is there any way to have the images show up 100%
i am having some problems because the #slider has 4096px width
\
thanks
So anyone have any thoughts on how to get these two aspects working together?
Any help is very much appreciated!
Cheers,
Cory
I am using 2-way-iScroll successfully in (web)apps but got into an head-bumping issue when limiting the number of pages that can be swiped horizontally dynamically using AJAX.
<DIV>
and then perform a myScroll.refresh does not reduce the number of pages (i.e. there are 3 'page' DIVs in total of which I made 2 empty and they still show scrolling/swiping horizontally. Scrolling keeps working well both vertically and horizontally).Any tip, workaround or update would be highly appreciated.
When I scroll the wrapper with touch, currentPage is updated to the prev/next page. But when I use the scrollTo method, currentPage isn't updated and so the changeTarget, so I can't vertically scroll the visible page.
is there any way to have the images show up 100%
i am having some problems because the #slider has 4096px width
http://www.2scan.info/nadav/segv/
i want the images to show up 100% on the iphone or the ipad
thanks
If you add a link in the text in this demo (ideally with a target="_blank" for testing), and you tap it (iPad), two windows with the same link will be opened. Probably because the two layers both fire the event... it's (manually) fixable with some delays, but perhaps there is a better solution?
I tried to set hScroll and vScroll false in twis.js file but scrolling on both ways still keep happening. Doesn't it suppose to prevent horizontal and/or vertical scrolling if I set the values false?
The plugin is very cool. I have a big problem it solves. So I like it . thx
Instead of applying the 0 value and displaying the page instantly, it treats it as false and applies the default speed. Solution is to check (===) for this.
Noticed if dragging a page left or right very slowly the page can be stopped in the middle of both pages, also on orientation change I have dynamically updated the width of the containers however the page seems to get stuck in the middle of the 2 pages.
However touching the page then fixes the problem.
I have used twis.js to create a phonegap build app that works perfectly on all the android phones it has been installed on. However, every tablet so far has a problem of ghostclicks - ie I have buttons activated by 'onclick' but when clicked it plays as though they have been clicked twice with a small delay of about a third of a second between the clicks (in my case this causes an echo as the button plays a small audio).
This appears to be a known problem (by Google) in certain browsers on certain versions of android OS and indeed there a couple of suggested patches to iscroll so that onclick works alone and touchstart doesn't also activate a second onclick
Any suggests or a patch to twis.js please as I think that this javascript level is beyond me
Roy Ellwood
I want to use this scroll for a news slider. I have a page with list of news titles. clicking on one of the news item will bring up the horizantal scrolling page.
Is it possible to directly jump to a specified page in 2-way iscroll?
For example - On the listview page, user clicks on 5th news item. It will go to a page that has 2-way iscroll in it but it should show that particular 5th page containing news item.
Is this feature available?
Hey Matteo
Been playing around with multiple 2-way-iScroll's however is it possible to enable or disable hScroll and vScroll ? I cannot get this to work on 2-way-iScroll, works great however on the normal iScroll.
myScroll = new iScroll('container', { vScroll: true, hScroll: false });
when i rotate the iphone from landscape to portrait and then back to landscape ,
it loses some of the screen to the left
here is an image .
http://www.2scan.info/nadav/vitonsky/bug.png
only on iphone and ipad , work ok on andorid .
thanks
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.