Comments (8)
frankie-loves-jesus
commented on August 31, 2024
Reduced test case required
Please see CSS Tricks - Reduced Test Cases on why they "are the absolute, ... number one way to troubleshoot bugs."
- A reduced test case is an isolated example that demonstrates the bug or issue.
- It contains the bare minimum HTML, CSS, and JavaScript required to demonstrate the bug. No extra functionality or styling.
- A link to your site is not a reduced test case.
from jquery-mobile-iscrollview.
frankie-loves-jesus
commented on August 31, 2024
Actually though, this whole library is obsolete:
from jquery-mobile-iscrollview.
n7167113
commented on August 31, 2024
I've read your article about reducing everything to its simplicity and should probably tell you that it's currently at the most basics.
I have an empty page with nothing else on it except for a dummy list that is very long. The list is inside a container div with attribute "data-iscroll". (Not sure how much simpler it can get).
I'm running this site on an Apache server locally and I've just been testing on the range of support for this library and it works on all the browsers when testing on my Macbook (as mentioned before).
It's just when testing on my Windows Surface RT that it does not work completely. But when testing again just now, I did see that the listview is bouncing so maybe before it was just my device. The listview is bouncing but it's still not scrolling. I should also point out that I've also tested this on my Samsung phone, tablet as well as my iPhone and iPad.
I'm using JQM 1.4.3 and iscrollview (can't remember what release though) which you said was obsolete (but at the moment should still be usable right?)
I tried creating a JS fiddle for this but I can't get external libraries to work so I can only give you the current code.
At the root of my project, I have my index page and all the required libraries (i.e. jquery, jquery mobile and iscrollview plus all the themes for jquery mobile etc).
The body tag of my index page is simply:
<body>
<div data-role='page'>
<div data-role='content'>
<div class='myScroller' data-iscroll>
<ul data-role='listview'>
....
<li>alot of this copied and pasted</li>
....
</ul>
</div><!-- myScroller --->
</div><!-- content -->
</div><!-- page -->
</body>
And that's it. The only problem that I can see that might cause this issue is the fact the you said iscrollview is obsolete but was wondering if that's the only case or is it the fact that it just doesn't support it at all?
from jquery-mobile-iscrollview.
n7167113
commented on August 31, 2024
Ok so I managed to setup a JS Fiddle to demo the issue now. I've tested this again on the Windows Surface RT and still the same issue.
http://jsfiddle.net/n7167113/4r40qw1c/1/
from jquery-mobile-iscrollview.
frankie-loves-jesus
commented on August 31, 2024
Yes, iScrollView is obsolete as you no longer need it to get iScroll working with jQuery Mobile. Please try with my iScroll 5 fiddle at #118 and if the problem still persists, report it to the main iScroll repo.
from jquery-mobile-iscrollview.
n7167113
commented on August 31, 2024
It seems that the iscroll used by the iscrollview library on this git is out of date. I tried another test using the latest (or at least, a newer version of iScroll) found at https://github.com/cubiq/iscroll and it does seem to work.
The example is just a straight copy and paste from their demo and it does work on the Windows Surface RT plus all the other browser I've tested on. http://jsfiddle.net/n7167113/4134z9ra/1/
However, to get that to work, I had to setup all that CSS styling and run that script to create the scroller and basically to much effort in comparison with iscrollview.
Are there any plans for iscrollview to use the latest version of iScroll?
from jquery-mobile-iscrollview.
n7167113
commented on August 31, 2024
Hi frankie,
I posted my last update just a little bit later than you. I went through the posted link you said and found this fiddle to be the most appropriate answer for my problem so far.
http://jsfiddle.net/frank_o/DWKNw/9/
I think I can leave this at that as it's the best solution so far which works fine.
from jquery-mobile-iscrollview.
jtara
commented on August 31, 2024
IE is not, never has been, and will not be supported. Sorry.
I'm working on a NEW plugin that will wrap iScroll5. It's meant for jQuery, jQuery UI, and jQuery Mobile. The current jquery.mobile.iscrollview will not be updated. It will support those browsers that are supported by iScroll5.
For simple cases, you can certainly use iScroll4 or iScroll5 without any wrapper. This plugin was meant as an easy way of incorporating iScroll into a JQM project, without a lot of fiddling.
from jquery-mobile-iscrollview.
Related Issues (20)
- how can I programmatically open up pullDown HOT 1
- Issue with AngularJS?
- IScroll 5 support HOT 3
- jquery-mobile-iscrollview as Bower package
- It's not working with phone gap. HOT 1
- Cannot set option fadeScrollbars HOT 1
- IE page width issue - plz add this css fix
- Searching a JS for small freelancer work HOT 1
- width shrinked to zero on some Android Devices HOT 1
- PullDown showing during Page transition (Jquerymobile and Backbone) HOT 1
- Weird height issue HOT 1
- iscrollview inside of an external jqm panel HOT 2
- Weird width problem HOT 4
- Scroll not Working in Safari 9.0 (10601.1.56.2)
- Issue with Cordova App after deploying to IOS 9 HOT 2
- The rest of the page won't scroll if a page has an iscroll div in it, iPad & iPhone
- It doesn't support PC browser :( HOT 1
- swipe event blocked HOT 1
- Trouble applying the pull down refresh action in Cordova InAppbrowser WebView?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-mobile-iscrollview.