【HTML】网页中如何让DIV在网页滚动到特定位置时出现
2024-10-18 05:59:00
用js或者jquery比较好实现。
但你要知道,滚动到哪个特定位置,例如滚动到一个标题h3那显示这个div,那么可以用jquery算这个h3距离网页顶部的距离:$("h3").offset().top,这个值有了后,还要算滚动条的距离$(this).scrollTop()。第一个值是不会吧的,主要是第二个值是不断在变,所以要写到滚动方法里:$(window).scroll()。
大概整个代码是
$(function(){
var h3_height = $("h3").offset().top; $(window).scroll(function(){
var this_scrollTop = $(this).scrollTop();
if(this_scrollTop>h3_height ){
$("div").show();
}
});
}); 原文链接:https://zhidao.baidu.com/question/520084536.html
最新文章
- Android实现类似换QQ头像功能(图片裁剪)
- js测试题
- 让Windows2008R2也能进入手柄设置(游戏控制器设置)
- express:webpack dev-server开发中如何调用后端服务器的接口?
- FCC上的初级算法题
- python 之 utf-8编码的秘密
- LightOJ 1317 第八次比赛 A 题
- linux的Ubuntu
- php 算法之切割数组,不用array_chunk(),算法之二,取数组的差值,不用array_diff()
- C#文件操作系列(一)
- 偶遇问题 - - JavaScript 取消链接默认行为问题
- Redis各种数据结构性能数据对比和性能优化实践
- 安卓7.1 新特性Shortcut
- window 8.1 + python 3.6 + chrome 59 + selenium 3.4 环境配置
- Shell命令-文件及内容处理之wc,tr
- WCF错误远程服务器返回了意外响应: (413) Request Entity Too Large。解决方案
- js调用.net后台事件,和后台调用前台等方法总结(转帖)
- iframe+form表单提交数据
- IP 解析器(IpParser) test 和 生产环境 实现
- WinRAR打包时不包含文件夹本身,只打包文件夹里的文件和目录