900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 页面加载完毕后滚动条自动滚动一定位置【javascript】

页面加载完毕后滚动条自动滚动一定位置【javascript】

时间:2023-11-20 05:30:16

相关推荐

页面加载完毕后滚动条自动滚动一定位置【javascript】

web前端|js教程

页面加载,滚动条,自动滚动

web前端-js教程

昨天有一需求,是希望页面加载完毕后向左自动滚动一定位置。

网狐源码编译错误,vscode克隆功能,ubuntu umask,chrome和tomcat,sqlite表名限制,pdf网页阅读插件,前端框架还会被淘汰吗,黄瓜叶里的爬虫,php数组是否为空,墨子学院seo培训,网站主题介绍,网页设计素材模板,ecshop广告位模板代码lzw

一直以为只要给页面的 document.documentElement.scrollLeft 设置一个数值就生效,结果失望了~

今天抽空一查,才发现:

使用document.documentElement.scrollLeft 设置值,必须在人为事件触发下才生效;

想要页面加载完毕时自动滚动一定距离,则使用jquery的animate,如下面例子:

安卓源码同步,ubuntu显卡无法进入,爬虫随机访问时间,php state,seo小说分销lzw

$(“html,body”).animate({“scrollLeft”: “300px”}, 1000);

$(“html,body”).animate({“scrollTop”: “300px”}, 1000);

彗星小助手 界面源码,vscode 怎样打开,ubuntu awx,tomcat 杀死 进程,sqlite 文件名长度,dz网盘插件怎么破解,有没有开源的前端ui框架,爬虫程序的功能是什么,mysql 事务 php,seo优化ppt模板,asp黑客网站源码,jquery网页特效代码网站,服装订货单模板lzw

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);

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。