Javascript 如何使用JQuery删除到达div点的文本

目前我有这个代码。此时，加载的文本会以200px的速度添加更多文本

$(function() {
  var text = $(".text");
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();

    if (scroll >= 200) {
      text.removeClass("hidden");
    } else {
      text.addClass("hidden");
    }
  });
});

滚动时，一旦到达名为homeIm2的div，我需要什么Jquery代码来完全隐藏所有这些文本

<ul class="text hidden">
        <li>S</li>
        <li class="ghost">e</li>


        <li class="spaced">E</li>
        <li class="ghost">n</li>
        <li class="ghost">v</li>

        <li class="spaced">F</li>
        <li class="ghost">i</li>


        <li class="spaced">A</li>

    </ul>

    <div class="homeInfo1">
        {{ page.intro|richtext }}
    </div>

    <table class="overview">
        <tr>
            <td>
                ...
            </td>
            <td>
               ...
            </td>
        </tr>
        <tr>
            <td>
                <!--div for image of environment-->
                <div class="homeIm2">
                    {{ page.environmentImage|richtext }}
                </div>
            </td>

e
E
n
v
F
i
A

{{page.intro | richtext}}
...
...
{{page.environmentImage}richtext}

当前，在类中键入隐藏时，显示的文本是SE ENV FI A

，您可以使用

$(function() {
  var text = $(".text");
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll >= 200) {
      text.show();
    } else {
   text.hide();
   }
   if(scroll > $('.homeIm2').offset().top) { // when the div with homeIm2 class scrolls into view
         //add logic here to hide necessary text
   } 
  });
});

---

然后使用上面的类隐藏

请包含相应的HTML代码。显示您的HTML代码，r u使用bootstrap？@DEEPAK这是相关的HTML，不是吗？您能扩展一下您的意思吗对不起？是的，我已经更新了一点答案。这有帮助吗？您是否建议在if语句

text.removeClass（“text hidden”）中添加此代码？隐藏类做什么？这能解决问题吗？我认为你用错了选择器