Coder Social home page Coder Social logo

2-way-iscroll's People

Contributors

andrewdisley avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

2-way-iscroll's Issues

width 100%

is there any way to have the images show up 100%

i am having some problems because the #slider has 4096px width
\

thanks

2-Way Scroll & Form Elements?

So anyone have any thoughts on how to get these two aspects working together?

Any help is very much appreciated!

Cheers,
Cory

Limiting number of pages dynamically does not work, alternative breaks vertical scrolling

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.

  • Removing pages dynamically does not work. I.e. when you hide a <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).
  • To resolve the issue (users should not see empty pages), I dynamically set the width of the wrapper, slider and pages on 320 pixels. However, with a swipe to the left (i.e. scrolling to page 2) the screen blocks (vertical scrolling impossible). Reloading the page or making a swipe to the right (i.e. try to go to page -1 so to speak) resets the page and makes vertical scrolling possible again. I tried for a significant number of hours to reproduce a right swipe or page refresh (and a myScroll.refresh) after a left swipe but this did give no solution. When the wrapper/slider and pages are reset to 768/3072/768 pix the multiple page 2-way-scrolling works normally again.

Any tip, workaround or update would be highly appreciated.

scrollTo not updating currentPage

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.

width 100%

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

Clicking a link in this demo will fire the click event twice

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?

Setting hScroll and vScroll false doesn't work

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?

Page swipe

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.

Ghost clicks

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

jump to a page directly

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?

hScroll and vScroll

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 });

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.