JS实现div随屏幕滚动到一定高度后固定

在有些网页中我们会发现会有这样的现象:某个div会随着屏幕的滚动达到一定高度的时候位置就固定下来了。例如淘宝的导航条:

JS实现div随屏幕滚动到一定高度后固定_第1张图片JS实现div随屏幕滚动到一定高度后固定_第2张图片

那么这里就需要用到JS的逻辑方法来实现了。

下面是HTML代码简单实现:




    
    


这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

内容

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

这是一个段落

你可能感兴趣的:(JavaScript)