窗口固定位置显示元素,当页面高度大于某高度,并且页面向下滚动时,显示该元素;当页面位置小于某高度,或者页面向上滚动时,隐藏该元素。
先给大家展示下效果图:
1.html
已选: 0
2.css
p#selected-case-count{position:fixed; /*固定元素位置*/top:2px; /*距顶端举例*/right:40px; /*距右侧位置*/color:red; }
3.js
$(function() {$(#selected-case-count).hide();});var pretop=0;var currtop=0;$(function () {$(window).scroll(function(){currtop=$(window).scrolltop();if(currtop600){$(#selected-case-count).fadein(500);}else{$(#selected-case-count).fadeout(500);}pretop=$(window).scrolltop();});});
以上所述是小编给大家分享的js实现随页面滚动显示/隐藏窗口固定位置元素的相关知识,希望对大有所帮助!