随页面滚动显示/隐藏窗口固定位置元素_html/css

来源：懂视网责编：小采时间：2020-11-27 16:20:20

随页面滚动显示/隐藏窗口固定位置元素_html/css

随页面滚动显示/隐藏窗口固定位置元素_html/css_WEB-ITnose:0.效果窗口固定位置显示元素，当页面高度大于某高度，并且页面向下滚动时，显示该元素；当页面位置小于某高度，或者页面向上滚动时，隐藏该元素。 1.html 已选: 0 2.css p#selected-case-count{ position:fixed; /*固定元素位置*/ t

推荐度：

点击下载本文 文档为doc格式

导读随页面滚动显示/隐藏窗口固定位置元素_html/css_WEB-ITnose:0.效果窗口固定位置显示元素，当页面高度大于某高度，并且页面向下滚动时，显示该元素；当页面位置小于某高度，或者页面向上滚动时，隐藏该元素。 1.html 已选: 0 2.css p#selected-case-count{ position:fixed; /*固定元素位置*/ t

0.效果

窗口固定位置显示元素，当页面高度大于某高度，并且页面向下滚动时，显示该元素；当页面位置小于某高度，或者页面向上滚动时，隐藏该元素。

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(); });});

随页面滚动显示/隐藏窗口固定位置元素_html/css

推荐度：

点击下载本文 文档为doc格式

标签：位置元素滚动

热门焦点

随页面滚动显示/隐藏窗口固定位置元素_html/css

随页面滚动显示/隐藏窗口固定位置元素_html/css

随页面滚动显示/隐藏窗口固定位置元素_html/css

最新推荐

猜你喜欢

热门推荐