页面加载完毕后滚动条自动滚动一定位置
发布于 2017-01-18 19:28:33 | 108 次阅读 | 评论: 0 | 来源: 网友投递
JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
希望页面加载完毕后向左自动滚动一定位置,下面有个不错的方法可以轻松帮大家实现下
昨天有一需求,是希望页面加载完毕后向左自动滚动一定位置。
一直以为只要给页面的 document.documentElement.scrollLeft 设置一个数值就生效,结果失望了~
今天抽空一查,才发现:
使用document.documentElement.scrollLeft 设置值,必须在人为事件触发下才生效;
想要页面加载完毕时自动滚动一定距离,则使用jquery的animate,如下面例子:
$("html,body").animate({"scrollLeft": "300px"}, 1000);
$("html,body").animate({"scrollTop": "300px"}, 1000);
demo:
自动滚动点击
/*window.onload = function(){
window.scroll(0,300);
$(".btn").on("click", function(){
document.documentElement.scrollLeft = "500";
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
var oLeft = document.body.scrollLeft || document.documentElement.scrollLeft;
alert(oLeft);
});
}*/
$(function(){
$("html,body").animate({"scrollLeft": "300px"}, 1000);
});
相关阅读:
页面加载完毕后滚动条自动滚动一定位置
两种方法实现在HTML页面加载完毕后运行某个js
在css加载完毕后自动判断页面是否加入css或js文件
页面加载完后自动执行一个方法的js代码
判断在css加载完毕后执行后续代码示例
如何让页面加载完成后执行js
自己动手制作基于jQuery的Web页面加载进度条插件
pace.js页面加载进度条插件
javascript 实现页面加载进度条代码
JavaScript判断页面加载完之后再执行预定函数的技巧
基于javascript实现页面加载loading效果
js判断图片加载完成后获取图片实际宽高的方法
更多推荐
html加载完毕自动翻转下一页,页面加载完毕后滚动条自动滚动一定位置
发布评论