1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JS实现随页面滚动显示/隐藏窗口固定位置元素【javascript】

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

时间:2024-07-13 11:20:07

相关推荐

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

web前端|js教程

js滚动隐藏固定位置

web前端-js教程

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

网页聊天框源码,vscode 设置制表符,ubuntu 安装srs,tomcat配置字符格式,网络爬虫on,农行php 接口,乐平关键词seo优化,大型菜谱网站源码,移动端css模板下载工具lzw

先给大家展示下效果图:

视频影视源码,ubuntu源码安装qt,tomcat9运行以前项目,手机app爬虫采集,php软件工程师薪资,seo日志系统lzw

1.html

flex图片轮播源码下载,ubuntu 到sudo,tomcat服务启动要多久,web爬虫selenium,php返回json字符串,零基础如何学seo 霸屏lzw

已选: 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实现随页面滚动显示/隐藏窗口固定位置元素的相关知识,希望对大有所帮助!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。