Javascript Div元素滚动行走，平滑

我刚刚创建了一个新网站。用户看到这个容器对我来说很重要，所以我想让它与站点一起滚动

我举了一个例子：

在这个网站的左边是一个绿色的容器，如果有人滚动，它会保持平滑滚动

我希望你能帮助我，因为我已经尝试了一些东西，但是用这种方式容器总是在顶部

如果你能帮我找到解决办法，那就太好了

试一试{ window.onscroll=设置导航位置； } 抓住{ document.documentElement.onscroll=setNavPosition； } 功能设置导航位置{ $“.smooth”。停止； 试一试{ 如果document.body.scrollTop>document.documentElement.scrollTop{ var targetPosition=document.body.scrollTop； } 否则{ var targetPosition=document.documentElement.scrollTop； } } 抓住{ var targetPosition=document.documentElement.scrollTop； } $'.smooth'。设置{top:targetPosition}的动画，600； } .顺利{ 高度：40px； 背景颜色：橙色； z指数：2； 位置：绝对位置； 宽度：50px； 顶部：50px； } .身体{ 高度：700px； }

---

如果您的意思是，在第一次滚动后，它总是在视口边缘停止，这是因为以下行var targetPosition=document.body.scrollTop；var targetPosition=document.documentElement.scrollTop；。我改变了他们：

试一试{ window.onscroll=设置导航位置； } 抓住{ document.documentElement.onscroll=setNavPosition； } 功能设置导航位置{ $“.smooth”。停止； 试一试{ 如果document.body.scrollTop>document.documentElement.scrollTop{ var targetPosition=document.body.scrollTop+50； } 否则{ var targetPosition=document.documentElement.scrollTop+50； } } 抓住{ var targetPosition=document.documentElement.scrollTop； } $'.smooth'。设置{top:targetPosition}的动画，600； } .顺利{ 高度：40px； 背景颜色：橙色； z指数：2； 位置：绝对位置； 宽度：50px； 顶部：50px； } .身体{ 高度：700px； }

---

为了让我们更好地帮助您，请您更新您的问题，以便在问题本身的a中显示您的相关代码。外部站点可能是恶意的，被过滤系统标记，或者在以后的阶段被删除，从而使您的问题变得无用。如果您能让我们知道您迄今为止为解决您的问题所做的努力，这也会很有帮助。有关更多信息，请参阅有关的帮助文章。