Question

我在跟踪滚动位置时遇到了一些麻烦。我试图根据可见的部分设置变量。我的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>

如上所述，我试图跟踪$（文档）位置并将其与section 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的新手，所以有点解释会受到赞赏;）提前致谢。

Answer 1

您需要将ifs包装在“on scroll”函数中：

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

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

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

1 个答案: