fatlinesofcode / jquery.smoothwheel Goto Github PK
View Code? Open in Web Editor NEWCross browser smooth mouse wheel and trackpad scrolling
Cross browser smooth mouse wheel and trackpad scrolling
Hello!
Do you have any ideas how to make your plugin compatible with jquery.mousewheel and horizontal scrolling?
Thanks.
Is it possible to use this on more than one element at a time? Passing in a class fails, and using an ID works for only a single element at a time.
The plugin is really great but I just can't get it work with a simple anchor menu that scrolls (smoothly with jquery) to the different part of a website. If the scroll from the mousewheel is not done when the menu anchor is called the plugin wins over the menu anchor...
Hi, I am trying to use this on a site that uses full screen images, to do that I am setting the html and body tags to 100% height. On chrome the scrolling is perfect (well ... almost, it cuts off a little bit of the site at the bottom) but in IE and Firefox I cant scroll at all.
I noticed putting "overflow: auto" onto the html and body tags fixed the issue in IE (and maybe firefox) but broke chrome.
Example - http://jsfiddle.net/h4anwqcL/
Any ideas?
The effect produced by this script looks great!
Unfortunately it creates some issues that makes it impossible to be used.
I want to make 2 scrollable element (
if done consistently first $ ( "# one) .SmoothWheel (); and then $ (" #two ") SmoothWheel ();., the result is scrolled only
How to make a scrollable two elements (div#one and div#two) together ?
Page scrolling becomes extremely slow in mobile devices. I have tested on android 4.4 google chrome browser.
Hi,
I have a problem when I'm dragging the scrollbar and then I use mouse wheel, the scroll position is changed suddenly.
Please check out your example.
I think that the solution is to save the previous scroll position and then to use it in mouse-wheel event for translation.
Regards
I am using your plugin on a project and I've encountered a bug where the scroll stops at ~100px higher than the body's bottom.
Apparently, changing line 134 with:
minScrollTop = container.get(0).clientHeight - container.get(0).outerHeight;
(changing scrollHeight to outerHeight)
fixes the issue. I'm not sure if it's a real bug or poor implementation of other things but this seems to fix it for me
If I add in the html script <! DOCTYPE html>
it does not work anymore. :/
When appending something on dom via ajax.. there is no recalculation.
Hello,
First of all thanks for the great plugin,
The issue :
When i use the plugin on layout that contains a bloc with fixed background image, the scrolling became extremely slow beside some other plugins wont work like the parallax effect.
Just not working mousewheel scrolling in FF.
Tested:
Chrome - ok;
Opera - ok;
(All webkit browsers ok).
OS: Ubuntu 14.04
Thank you!
Doesn't play well with laptop trackpads or graphic tablets
Add bower please :)
I try
jQuery( document ).ready(function() {
jQuery('html').smoothWheel();
});
it works on Firefox, not on chrome, safari, ie.
I truly love smoothwheel and I want to add custom scrollbar iOS like, but all other plugins seem to uncompatible with smoothwheel, anyone that has done it before?
Plugin doesn't work in firefox and IE, only in Google Chrome. Is there any way to resolve this problem. I have use:
$("html, body").smoothWheel();
Regards
Can't Get It To Scroll On My Site, Testing On The 404 Page
https://www.mattcowley.co.uk/404/
its should be scrolling on the body, but it just blocks mousewheel scrolling all together.
https://jsfiddle.net/XombieMike/a4y5g44r/3/
I would like this script to run on my entire site, but the forum wrapper can't have a defined pixel height. Is there a way to use height:auto; or height:100%; ?
I run a forum, so each page can have wildly different heights. 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.