HTML滚动框

我正在尝试创建一个框，当你向下或向上移动页面时，它将与你一起滚动

一个例子是www.npr.org顶部的滚动条

我只需要一个如何实现这一点的例子。我已经有一段时间没有接触HTML了，所以我已经生锈了

---

谢谢。

我很确定您可以使用：

位置：固定

---

以css样式。这就是你想要做的吗？

我认为你可以通过做类似的smth来实现这一点：

$(window).scroll(function() {              
   if($(document).scrollTop() > 50){ 
      $('#myDiv').addClass('positionFixed')
   }else{
     $('#myDiv').removeClass('positionFixed');
   }
});

---

PHP不会这样做——它是一个服务器端系统。您需要了解客户端技术。请注意，要求提供产品推荐是一个离题的问题。我相信谷歌能帮上忙。我犯了一个错误。我的意思是放HTML，而不是PHP。我的css类中有这个，如何从我的HTML文件中调用它？