$(window)scroll(function() {
// 当滚动到最底部以上100像素时, 加载新内容
if ($(this)scrollTop() >= 80) {
$("divnavbar")css("position","fixed");
}else{
$("divnavbar")css("position","relative");//也可能是absolute等,反正就是你原来的值
}
if ($(this)scrollTop() >= 150) {
$("divlog")css("position","fixed");
}else{
$("divlog")css("position","relative");//也可能是absolute等,反正就是你原来的值
}
});
//这个应该是可以的,原来的样式是什么样,改回什么样式就可以了,我只是写了一个例子
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。
2、在indexhtml中的<script>标签,输入jquery代码:
$('body')append('height: ' + $(document)height() + '<br/>');
$('body')append('width: ' + $(document)width());
3、浏览器运行indexhtml页面,此时会打印出界面最大可以滚动的文档宽度和文档高度。
<style>
b{
width:400px;
height:300px;
background-color:#CC0;
overflow-y:scroll;
}
</style>
<body>
<div class="b" id="b">子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单</div>
</body>
<script>
var w = documentgetElementById("b");
wonscroll=function(e)
{
consolelog(wscrollTop);
}
</script>
以上代码测试通过
以上就是关于如何用JS获取鼠标滚动高度,再触发相应的事件。速救!!!全部的内容,包括:如何用JS获取鼠标滚动高度,再触发相应的事件。速救!!!、JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值、实时获取div滚动条滚动距离等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)