jQuery and css issue



我尝试用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将不会添加任何类。太糟糕了,我不喜欢全屏滚动网站上的滚动条,但。。。。

最新更新