Javascript 如何在向下移动滚动条的情况下保持div的内容始终可见

我正试图复制左侧导航的位置。如果您查看并向下滚动大约50个像素，您将看到屏幕左侧出现一个div，其中包含一些导航。多亏了stackoverflow的一些人的帮助，我的大部分工作都正常了。但我没有工作的一个部分是，当你向下滚动时，我的div（图像）的内容不会保持静止（或始终可见）

因此，我希望发生的是：当div出现在屏幕左侧时，当用户向下滚动时，我希望div的内容始终显示在视图中

现在我的工作是：通过animate（）我将左导航div的高度设置为文档高度，宽度增加到80像素，然后一些图像消失（）。但是页面相当长，当用户向下滚动时，他们也可以向下滚动我左侧导航div的高度；我总是希望我左边导航的内容总是出现在用户的视野中

我认为此人发布了一个类似的问题（），但我发现很难将if附加到示例代码中。有人能帮忙吗？我非常感激

这是我的密码：

$(window).scroll(function(){
  var wintop = $(window).scrollTop();
  var docheight = $(document).height();
  var winheight = $(window).height();

  var newwidthgrow = 80;
  var smallheight = 0;
  var smallwidth = 0;


  if((wintop > 296)) {
    $("#slidebottom").stop().animate({height:docheight +"px"},'fast',function(){
      $("#slidebottom").stop().animate({width:newwidthgrow + "px"},'slow',function(){
        $("#slidebottomContents").fadeIn();
      });

    });
  }

  if((wintop < 25))
  { 
    $("#slidebottom").stop().animate({height:docheight +"px"},'fast',function(){

      $("#slidebottomContents").fadeOut(function(){
        $("#slidebottom").stop().animate({width:smallwidth + "px"});                                       
      });

    });

   }


});

$（窗口）。滚动（函数（）{
var wintop=$（window.scrollTop（）；
var docheight=$（document）.height（）；
var winheight=$（window.height（）；
var=80；
var smallheight=0；
var-smallwidth=0；
如果（（wintop>296））{
$（“#slidebottom”）.stop（）.animate（{height:docheight+“px”}，'fast'，function（）{
$（“#slidebottom”）.stop（）.animate（{width:newwidthgrow+“px”}，'slow'，function（）{
$（“#SlideBottomContent”）.fadeIn（）；
});
});
}
如果（（wintop<25））
{ 
$（“#slidebottom”）.stop（）.animate（{height:docheight+“px”}，'fast'，function（）{
$（“#slidebottomContents”）.fadeOut（函数（）{
$（“#slidebottom”）.stop（）.animate（{width:smallwidth+“px”}）；
});
});
}
});

就我而言，这只能由css来解决。 要使div保持在相同的位置，可以应用以下css：

css:

位置固定将div冻结在所需位置。 left使div位于页面的左侧

这是否回答了您的问题并解决了您的问题？

---

如果不让我知道

就我而言，这只能由css来覆盖。 要使div保持在相同的位置，可以应用以下css：

css:

位置固定将div冻结在所需位置。 left使div位于页面的左侧

这是否回答了您的问题并解决了您的问题？

---

如果不让我知道

尝试添加一些CSS到您的左div“position:fixed；”也许？？？我会尝试一下。谢谢。试着在你的左div“position:fixed”中添加一些CSS；也许？？？我会试试看。谢谢，谢谢！成功了！我非常感激！祝您有个美好的一天！非常感谢。成功了！我非常感激！祝您有个美好的一天！

div id {
position: fixed;
left: 0px
width: 'your width'
}