javaScript动态设置浏览器滚动条位置
window.οnscrοll= function(){//计算滚动条位置,改变样式
//变量t是滚动条滚动时,距离顶部的距离
var t = document.documentElement.scrollTop||document.body.scrollTop;
var scroll= document.getElementById('one');
var scrollTow = document.getElementById('tow');
//当滚动到距离顶部200px时,返回顶部的锚点显示
if(t<=200){
scrollup.style.display="block";
scrollupTow.style.display="none";
}else{//恢复正常
scrollup.style.display="none";
scrollupTow.style.display="block";
}
}
【javaScript动态设置浏览器滚动条位置】
$("#top_ale").click(function(){//把浏览器滚动条的位置设置为0
$('html,body').animate({scrollTop:0});
})
推荐阅读
- 第6.2章(设置属性)
- 事件代理
- 数组常用方法一
- 动态组件与v-once指令
- 15、IDEA学习系列之其他设置(生成javadoc、缓存和索引的清理等)
- performSelectorOnMainThread:withObject:waitUntilDone:参数设置为NO或YES的区别
- iview|iview upload 动态改变上传参数
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- spring|spring boot中设置异步请求默认使用的线程池
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查