parallax.js

Parallax Effect on Text

不想你离开。 提交于 2019-12-25 04:04:12
问题 A perfect example of what I am looking to achieve is on this page as soon as you land on it (parallax BG, text fades, and text is parallaxed):themenectar.com I am using parallax.js for my backgrounds which works great. I am also using this snippet below which fades my title out on scroll: function scrollBanner() { $(document).scroll(function(){ var scrollPos = $(this).scrollTop(); $('.page-title, .breadcrumbs').css({ 'opacity' : 1-(scrollPos/200), }); }); } scrollBanner(); Everything works

How to Scroll layers with multiple rate on website

那年仲夏 提交于 2019-12-06 06:29:46
问题 I found this website with an effect that I would like to replicate. To see what I am talking about go here: http://www.rowtothepole.com/ When scrolling through the webpage you can see that the iceberg layer scrolls at a different rate as the text box on top of it. I would like to know how they are doing this. 回答1: In their http://www.rowtothepole.com/release/includes/js/parallax.js there are code to shift the body's background image and an outer div's background image, which are for the

jquery vertical mousewheel smooth scrolling

故事扮演 提交于 2019-11-27 11:55:38
I'm making a parallax website and I would like to make the page scroll smoother with the mousewheel for a better user experience. The best example I could get was this website: http://www.milwaukeepolicenews.com/#menu=home-page It would be great if I could get something similar to that into my website, the smooth vertical scrolling and scroll inertia. I noticed they are using Brandon Aaron's jQuery mousewheel which is very light but I'm just a beginner and cannot make it work by myself. Also i noticed this in their mpd-parallax.js: jQuery(window).mousewheel(function(event, delta, deltaX,

jquery vertical mousewheel smooth scrolling

时光怂恿深爱的人放手 提交于 2019-11-26 15:48:09
问题 I'm making a parallax website and I would like to make the page scroll smoother with the mousewheel for a better user experience. The best example I could get was this website: http://www.milwaukeepolicenews.com/#menu=home-page It would be great if I could get something similar to that into my website, the smooth vertical scrolling and scroll inertia. I noticed they are using Brandon Aaron's jQuery mousewheel which is very light but I'm just a beginner and cannot make it work by myself. Also