关于滚动条滚动到指定位置触发jq事件和html锚点
来源:互联网 发布:ubuntu arm版 编辑:程序博客网 时间:2024/06/05 20:50
html代码:
<div class="div_md" style="height: 38px;background: pink;">
<a href="#a">点击我就会跳到第一段</a>
<a href="#b">点击我就会跳到第二段</a>
<a href="#c">点击我就会跳到第三段</a>
</div>
<h2 id="a" style="width:200px;height: 400px;background: red;">我是标题一</h2>
<h2 id="b" style="width:200px;height: 400px;background: pink;">我是标题二</h2>
<h2 id="c" style="width:200px;height: 300px;background: green;">我是标题三</h2>
jq代码:
$(function() {$(".div_md a").click(function() {
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top - 100 + "px"
}, 1500);
return false;
});
//滚动条滚动到指定位置触发下面事件
var getDiv_md = $(".div_md");
var offSet = getDiv_md.offset().top;
$(window).scroll(function(){
if ($(window).scrollTop() > offSet){
$(".div_md").css({"position":"fixed","left":"10px","top":"10px","z-index":"2"});
}else{
$(".div_md").css({"position":"","left":"0px","top":"","z-index":""});
}
})
});
阅读全文
1 0
- 关于滚动条滚动到指定位置触发jq事件和html锚点
- js控制html页面滚动条到底端触发事件
- jquery 滚动到指定位置触发动画
- jQuery 滚动到指定位置触发动画
- jquery 滚动到指定位置触发动画
- JQ滚动条事件
- jquery滚动条到底部触发事件
- 滚动条滑动到指定位置
- js实现滚动条滚动到最底部触发事件
- jquery操作滚动条滚动到指定位置
- jquery操作滚动条滚动到指定位置
- Div 滚动条滚动到指定的位置
- jquery操作滚动条滚动到指定位置
- jquery操作滚动条滚动到指定位置
- 滚动条分页/滚动条事件触发
- 滚动条滚动到特定位置后出发的事件
- 利用jquery制作滚动到指定位置触发动画
- jquery制作滚动到指定位置触发动画
- Android Studio各类常见错误解决方案
- SVN 合并分支实用资源
- LoadRunner:Tran Response time没有显示数据
- MongoDB之数据建模
- mac 安装php
- 关于滚动条滚动到指定位置触发jq事件和html锚点
- mysql的limit性能优化
- SYSTECH USB-CAN总线分析仪Linux驱动安装篇(树莓派)
- C中 * 、*&、 **、& 区别,以及什么时候用
- k8s-ceph-statefulsets-storageclass-nfs 动态卷有状态应用实践
- 发送有序广播
- linux基本命令
- Android Studio运行问题:the SDK platform-tools version(24) is too old to check APIs cimpiled with API 25
- fastjson反序列化漏洞分析