JS实现了随页面滚动显示/隐藏窗口固定位置元素

窗口在固定位置显示一个元素，当页面高度大于一定高度，页面向下滚动时显示；当页面位置小于特定高度或页面向上滚动时，隐藏此元素。

让我先给你看效果图：

1.html

p=' selected-case-count ' span class=' form-control ' : span class=' case count ' 0/span/span/p2 . CSS已被选择。

p #选定案例数{ position:fixed/*固定元素位置*/top :2 px；/*示例自上而下*/right :40 px；/*从右侧位置*/color : red；}3.js

$(function(){ $(' # selected-case-count '))。hide()；});var PRETop=0；var curr top=0；$(函数(){$(窗口))。滚动(函数(){currTop=$(窗口))。scroll top()；if(CurrTopReTop){ $(' # selected-case-count ')。fade out(200)；}elseif ($(window)。scrollTop()600){ $(' # selected-case-count ')。法丁(500)；}else{$('#selected-case-count ')。fade out(500)；}preTop=$(窗口)。scroll top()；});});以上就是边肖分享的关于JS随页面实现滚动显示/隐藏窗口固定位置元素的知识，希望会有很大的帮助！