ページのスクロールに応じてウィンドウの固定位置要素を表示/非表示にする_html/css_WEB-ITnose

0. 効果

ページの高さが特定の高さより大きい場合、要素はページの位置が特定の高さより小さい場合に表示されます。高さまたはページが上にスクロールすると、要素は非表示になります。

1.html

rree

2.css

<p id="selected-case-count"><span class='form-control'>已选: <span class="casecount">0</span></span></p>

3.js

p#selected-case-count{      position:fixed;  /*固定元素位置*/      top:2px;  /*距顶端举例*/      right:40px; /*距右侧位置*/      color:red; }