窗口固定位置顯示元素,當(dāng)頁(yè)面高度大于某高度,并且頁(yè)面向下滾動(dòng)時(shí),顯示該元素;當(dāng)頁(yè)面位置小于某高度,或者頁(yè)面向上滾動(dòng)時(shí),隱藏該元素。
先給大家展示下效果圖:

1.html
<p id="selected-case-count"><span class='form-control'>已選: <span class="casecount">0</span></span></p>
2.css
p#selected-case-count{position:fixed; /*固定元素位置*/top:2px; /*距頂端舉例*/right:40px; /*距右側(cè)位置*/color:red; }3.js
$(function() {$("#selected-case-count").hide();});var preTop=0;var currTop=0;$(function () {$(window).scroll(function(){currTop=$(window).scrollTop();if(currTop<preTop){$("#selected-case-count").fadeOut(200);}elseif ($(window).scrollTop()>600){$("#selected-case-count").fadeIn(500);}else{$("#selected-case-count").fadeOut(500);}preTop=$(window).scrollTop();});});以上所述是小編給大家分享的JS實(shí)現(xiàn)隨頁(yè)面滾動(dòng)顯示/隱藏窗口固定位置元素的相關(guān)知識(shí),希望對(duì)大有所幫助!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注