2015-02-06 63 views
-1

我尝试创建一个视差滚动与整页JSjQuery和CSS问题

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> 

当scroll = 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

我感谢您的帮助,TY!

回答

1

做的人,问题是,我需要显示滚动条从fullPage.js与scrollBar: true :) 我是对的,如果浏览器不检测滚动条的jquery不会添加任何类。太糟糕了,我不喜欢整页滚动网站上的滚动条,但是....