我尝试用fullPage JS 创建视差滚动
GitHub网址:https://github.com/alvarotrigo/fullPage.js
演示:http://alvarotrigo.com/fullPage/
因此,这个fullPage.js正是我的网站所需要的,但问题是,当访问者滚动时,标题背景需要这样更改:
<header>
<div class="logo"><a href="index.html"><img src="img/logo-positive.png" alt="" /></a></div>
</header>
当滚动=0 时
header {
background:red;
}
当滚动>=1 时
header-negative {
background:blue;
}
我使用与jquery合作
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 1) {
$("header").addClass("header-negative");
} else {
$("header").removeClass("header-negative")
;}
});
但现在,使用这个fullPage.js脚本,我不知道为什么,但这个脚本让我的滚动条消失了,所以我想浏览器不知道访问者是否在滚动,标题也没有改变。
网站在这里:http://bit.ly/1C1PnN9
我很感激你的帮助,蒂!
伙计们,问题是我需要用scrollBar: true
显示fullPage.js中的滚动条:)我是对的,如果浏览器没有检测到滚动条,jquery将不会添加任何类。太糟糕了,我不喜欢全屏滚动网站上的滚动条,但。。。。