Comments (8)
Thank you for the hints. I got it to work, but like you said, it's not optimal for mobile. It stutters a bit and it doesn't always scrolls to the correct section. Thanks anyway and keep up the good work!
from smartscroll.
@tribou Touch support was implemented with commit 99b9df7. This change is not yet reflected in the demo because I am currently redoing the entire demo (mostly to improve the look)
If you use the latest version (2.4.0), it should work on touchscreen devices.
Thanks for checking it out, if you have an issues, feel free to message me back!
from smartscroll.
Hi @d4nyll ,
Great plugin!
I have copied the smartscroll.min.js from the master branche and added it to my site
http://vagari.rbijker.com/
It works fine on desktop but it doesnt seem to work on mobile (I tested it on iPhone Safari and Android Chrome). I also included lethargy.min.js.
Should this last version work on mobile? Am I missing something?
Thanks!
from smartscroll.
@rbijkercom Can you post your configurations?
Also, can you make sure the following options are enabled:
eventEmitter
- (Object) If you pass in an EventEmitter object, autoHashing will be much more efficient. You can also listen to the scroll events this way. Defaults tonull
.bindSwipe
- (Boolean) Allow for listening of swipe events. Requires EventEmitter. Defaults totrue
from smartscroll.
Hi @d4nyll
This is my configuration:
var options = {
mode: "set",
autoHash: false,
sectionScroll: true,
initialScroll: true,
keepHistory: false,
sectionWrapperSelector: ".scroll-wrapper",
sectionClass: "scroll-section",
animationSpeed: 1200,
headerHash: "header",
breakpoint: null,
eventEmitter: null,
dynamicHeight: true
};
$.smartscroll(options);
from smartscroll.
ps. when I check your demo pages on mobile it doesnt work either. 🤔 Should they be working?
Thanks for your help!
from smartscroll.
Just checked my code again. Right now, for mobile, smartscroll will emit events to say "this is a swipe down action" but it won't actually scroll. This was because 1) I don't have time to refactor the code to update 2) I really believe that it is very bad for user experience to hijack the viewer's scroll, especially on mobile.
If you want to use smartscroll, fork the repo and change this block in a similar way to options.bindKeyboard
. You can copy and paste the most of the block and change just the case 38:
and case 40:
conditionals.
from smartscroll.
@rbijkercom Thanks! All the best with your project!
from smartscroll.
Related Issues (20)
- Question: Make `React` version? HOT 1
- How to do a split screen scroll? HOT 1
- Hashes are being set 1 section ahead HOT 9
- Glitchy behaviour in Safari HOT 4
- breakpoint in hybrid scrolling HOT 3
- So many warnings it breaks my Gulp build HOT 6
- Only need swipeUp & swipeDown event on Trackpads / mousewheels HOT 10
- Mouse wheel scrolling not working in Firefox HOT 6
- Way to destroy and rebuild smartscroll? Ajax use cases? HOT 1
- URL hash update based on scroll is not working. HOT 3
- Scroll section with offset HOT 2
- Horizontal scrolling HOT 1
- Screen jumps unexpectedly
- Doesn't work with visual composer HOT 2
- scroll method has hardcoded speed HOT 1
- hybrid mode - scroll down at last section jumps to the top
- This is a test issue from WhiteSource, it will be closed shortly
- CVE-2015-9251 Medium Severity Vulnerability detected by WhiteSource HOT 1
- Scrolling by sections with the scrollbar HOT 3
- Migrate LGTM.com installation from OAuth to GitHub App
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 smartscroll.