iscroll4

iScroll 4 stops working because of container CSS created by javascript jQuery

由 半城伤御伤魂 提交于 2019-12-14 02:19:29
问题 I'm running iScroll 4 inside a DIV, but the DIV's height is generated dynamically, and screws up iScroll <script src="js/iscroll/iscroll.js?v4"></script> <script> var myScroll; function loaded() { myScroll = new iScroll('wrapper-sidebar-left'); myScroll = new iScroll('wrapper-sidebar-right'); myScroll = new iScroll('wrapper'); } document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); document.addEventListener('DOMContentLoaded', loaded, false); </script> If I give

iScroll inside iScroll - nested iScroll unexpected behavior

由 这一生的挚爱 提交于 2019-12-12 22:21:02
问题 I have 2 lists and I use iScroll for vertical scrolling. The second list is inside the first list. When I scroll the second list, the first list is also scrolling. I want that when I scroll the inside list (the second list), the main list (the first list) will not scroll. How can I do that? Here is an Example: <div id="wrapper" style="overflow: hidden;"> <div id="scroller"> <ul id="thelist"> <li>Pretty row 1</li> <li>Pretty row 2</li> <li>Pretty row 3</li> <li>Pretty row 4</li> <li>Pretty row

Horizontal iScroll issues on desktop browsers

由 前提是你 提交于 2019-12-12 15:38:22
问题 I'm trying to implement horizontal scrolling for a desktop website using iScroll.js. Dragging is working fine, and styling is applied ok, but I'm finding issues with scrolling. Initially I used iScroll 4.1.7 Mousewheel not working as it should on PC's On Macs Chrome and Safari have issues with preventing native scrolling, specifically, if you the user has activated the trackpad preference: Swipe between pages, if you scroll to the left (back), it opens previous page. Firefox is scrolling OK

IScroll4, how to call functions when the div is scrolling?

由 丶灬走出姿态 提交于 2019-12-11 14:15:22
问题 I want to call some actions, when the user is scrolling in iScroll4. Also depending on the position and speed on the scrolling. Where and how to hook in best to achive this? With addListener I had no luck, because it reacts on on-time events, eg. Touchmove, touchstart. What i need is to know when the div is scrolling.. Any ideas? 回答1: There are lot of callback functions iScroll . You can use those for your purposes. A small explanation about those. scroller = new iScroll('ID', { onRefresh :

Have carousel iScroll inside an existing vertical iScroll

由 冷暖自知 提交于 2019-12-11 11:49:04
问题 I am having trouble with implementing Carousel inside a vertical iScroll. Since the Carousel is horizontal scrolling and iScroll is vertical scrolling, its causing a glitch, in that Carousel scrolls vertical even if I disabled it. I tried separating the two wrappers (ie....,...), but the problem is still there. Can someone tell me how to solve this. (I am new to Javascript, so some kind of example would be great) Here's my script: var myScroll, myWipe; function loaded() { myScroll = new

autocomplete view broken (iscroll issue)

由 核能气质少年 提交于 2019-12-10 21:41:09
问题 I need an autocomplete option in my phonegap app, and i got this sample . It works fine when iam working with sample, but it is broken (look at images) when iam trying to scroll in iphone simulator i think it has some css issue, how can i fix it ? Iam really got stuck with this. Thanks. Update1: this issue arises when my iscroll started to scroll. Then, my list also starting to scroll (as i shown in below image). Update2: my jsfiddle here, enter 'a' in products input field - a list will

Using iScroll prevents the keyboard from showing on my device

由 ◇◆丶佛笑我妖孽 提交于 2019-12-10 19:10:10
问题 I am using iScroll for providing iPhone style scrolling. But, when clicking on the textboxes, the keyboard does not show up. While trying to find the possible cause, I found that removing the iScroll script, makes it work normal, but in that case I miss the scrolling functionality. Is this a bug in iScroll. If yes, is there a tested work-around? Or is there any alternative for iScroll? Thanks in advance. 回答1: At least in iScroll 4, you can add this code to enable clicking of input fields. See

iscroll issue with two dimensional ( horizontal + vertical ) scrolling, scrollable are related issue?

由 一世执手 提交于 2019-12-10 11:26:53
问题 Problem in brief I have got a piece of working two dimensional scrolling code. Scrolling as such is working fine. Scrolling can be done in any direction (not like restricted to only horizontal or only vertical at a ti,e) but there are two problems - Scrolling beyond the visible area towards top and left, does not bounce back the scrollable area. Scrolling to right and bottom bounces back. Problem demo - http://jsfiddle.net/sandeepan_nits/pAhjU/6/ Note - Test in webkit browsers only (Google

Bind custom javascript event to angular

由 一笑奈何 提交于 2019-12-08 08:31:14
问题 I'm working on a mobile application where I have list with some items. This list can be pulled down to inititate a refresh of the list (I'm using iScroll4). I'm now trying to hook this event up to my angular controller so I can make an api call and update the model. The javascript is basically as follows: [..] //javascript code to detect the pulldown event function pullDownAction(){ //I want to update the scope here } Based on what I have read, I need to make an angular directive and call the

iscroll issue with two dimensional ( horizontal + vertical ) scrolling, scrollable are related issue?

由 ◇◆丶佛笑我妖孽 提交于 2019-12-06 07:18:49
Problem in brief I have got a piece of working two dimensional scrolling code. Scrolling as such is working fine. Scrolling can be done in any direction (not like restricted to only horizontal or only vertical at a ti,e) but there are two problems - Scrolling beyond the visible area towards top and left, does not bounce back the scrollable area. Scrolling to right and bottom bounces back. Problem demo - http://jsfiddle.net/sandeepan_nits/pAhjU/6/ Note - Test in webkit browsers only (Google chrome and Safari). Solution I am looking for Either, point out what is wrong in my code. Or share any
订阅 iscroll4