根据可见部分跟踪滚动位置

我在跟踪滚动位置时遇到了一些问题。我试图根据哪些部分可见来设置变量。我的HTML看起来像这样根据可见部分跟踪滚动位置

<body> 
    <div id="wrapper"> 
    <div class="main"> 
    <section id="one"><h2>BLA BLA</h2></section> 
    <section id="two"><h2>MJALLO!</h2></section> 
    <section id="three"><h2>MJALLO!</h2></section> 
    <section id="four"><h2>MJALLO!</h2></section> 
    <section id="five"><h2>MJALLO!</h2></section> 
    </div> 
</body>

至于说，我试图跟踪的$（document）的位置，并用部分ID匹配。我有被称呼为全画幅块下面这样的jQuery的

$(document).ready(function() { 
var window = $(window); 
var view = ""; 

if (window.scrollTop == $("#one").offset().top) 
    {view = "1";} 
else if (window.scrollTop == $("#two").offset().top) 
    {view = "2";} 
else if (window.scrollTop == $("#three").offset().top) 
    {view = "3";} 
else if (window.scrollTop == $("#four").offset().top) 
    {view = "4";} 
else if (window.scrollTop == $("#five").offset().top) 
    {view = "5";} 
});

的部分，但我不能让if语句对此有何反应。

我是新来的jQuery和js所以有点解释，将不胜感激;）在此先感谢。

来源

2014-11-03 Claus Kaiser

你需要用的IFS在 “上滚动” 功能：

$(document).scroll(function() { 
    if(....) 
});

https://api.jquery.com/scroll/

来源

2014-11-03 17:28:01 pensan

这似乎并不工作：S 我试着改变的$（document）。准备好$（document）.scroll，并且我试图在$（document）.scroll中包装if（）else if（）语句..：/ 但是我仍然没有得到任何反应 – 2014-11-03 17:40:33

它现在工作..出于某种原因，当我添加一个ekstra =所以它是window.scrollTop === $（“＃one”）。offset（）。top），它开始工作。使用滚动包装。非常感谢 – 2014-11-03 18:43:40

根据可见部分跟踪滚动位置

回答

相关问题