Javascript 当滚动到元素类为'#包裹&x27；？

最近，我问了一个与这个问题相对类似的问题，但没有一个正确的答案，因为我没有一个例子

今天，我将演示站点发布到服务器上

见：

滚动至：加入我们

我想滚动到元素

#包装容器加入我们

，元素

。组菜单顶部

将使用CSS更改背景色菜单

通常，我通常使用以下代码：

var section = $("#wrap-container-join-us");
var sectionOffSet = section.offset().top;
var sectionHeight = section.height();

var $w = $(window).scroll(function(){
  if ($w.scrollTop() >= sectionOffSet && $w.scrollTop() <= (sectionOffSet + sectionHeight)) {
    $('.menu-burger').css({'color':'#fff'});
    $('.menu-bg').css({'background':'#26ace2'});
  }else{
    $('.menu-burger').css({'color':'#26ace2'});
    $('.menu-bg').css({'background':'rgba(255, 255, 255, 0.9)'});
  }
});

var section=$（“#包装容器加入我们”）；
var sectionOffSet=section.offset（）.top；
var sectionHeight=section.height（）；
var$w=$（窗口）。滚动（函数（）{
如果（$w.scrollTop（）>=sectionOffSet&&$w.scrollTop（）在我理解了您的问题之后，现在就很容易了

我改变了什么？

我更改了你的Javascript。在你显示接下来3个列表项的时候，你需要重新计算第二部分的偏移量。完成后，它就可以工作了

只需添加
sectionOffSet=section.offset（）.top；

首先初始化“加载更多”上方的
var
，然后使用“重新计算”执行“加载更多”方法，然后使用滚动函数，这一点很重要

为什么这个订单很重要？

这一点很重要，因为您需要首先初始化
var
，以便在“加载更多”方法中更改它

打开站点时，
var
将在没有隐藏元素的情况下初始化。因此，隐藏元素不会在开始时隐藏。加载隐藏机制后，需要重新计算偏移量，因为项目现在已隐藏

就这样

请参阅此代码段：
$（文档）.ready（函数（）{
风险价值部分=$（“#第2部分”）
var sectionOffSet=section.offset（）.top；
var sectionHeight=section.height（）；
size#li=$（“#myList li”）.size（）；
x=3；
$（'#myList li:lt（'+x+'））.show（）；
$（“#加载更多”）。单击（函数（）{
x=（x+3=sectionOffSet&&$w.scrollTop（）是的，像这样。但是滚动到
庆祝伟大的想法
javascript代码工作。它在
加入我们
中不工作。只要删除
var$w\u scroll=
，它就会对我起作用。你在哪里定义了$w？对不起，写问题时代码出现了问题。我被更新了。您好，@PatrickMlr。它会失败，因为底部的按钮是Load More有一些其他元素。当JS试图计算任何元素的高度时，它将失败。