澳门威尼斯人注册网址【官网首页】
做最好的网站

页面加载实现后滚动条自动滚动一定地方

来源:http://www.ogcoffee123.com 作者: 服务器&运维 人气:186 发布时间:2019-12-01
摘要:前天有生龙活虎急需,是希望页面加载达成后向左自动滚动一定地方。一贯认为朝气蓬勃旦给页面的 document.documentElement.scrollLeft设置二个数值就见到成效,结果大失所望了~ 几天前不改

前天有生龙活虎急需,是希望页面加载达成后向左自动滚动一定地方。 一贯认为朝气蓬勃旦给页面的 document.documentElement.scrollLeft 设置二个数值就见到成效,结果大失所望了~ 几天前不改其乐风姿洒脱查,才发掘: 使用document.documentElement.scrollLeft 设置值,必得在人工事件触发下才生效; 想要页面加载完成时自动滚动一定间隔,则应用jquery的animate,如上边例子: $.animate({"scrollLeft": "300px"}, 1000卡塔尔国; $.animate({"scrollTop": "300px"}, 1000卡塔尔(英语:State of Qatar); demo: 复制代码 代码如下:

页面加载达成后滚动条自动滚动一定地点

 希望页面加载达成后向左自动滚动一定地方,上边有个不错的秘籍能够轻便帮大家实现下

前天有意气风发必要,是可望页面加载实现后向左自动滚动一定地点。 

 

平素感到意气风发旦给页面包车型地铁 document.documentElement.scrollLeft 设置叁个数值就一蹴而就,结果深负众望了~ 

明天不改其乐生机勃勃查,才察觉: 

利用document.documentElement.scrollLeft 设置值,必需在人工事件触发下才生效; 

想要页面加载达成时自动滚动一定间距,则使用jquery的animate,如下边例子: 

 

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

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

 

demo: 

 代码如下:

<!DOCTYPE html> 

<html> 

<head> 

<meta charset="utf-8"/> 

<title>自动滚动</title> 

<meta name="keywords" content=""/> 

<meta name="description" content=""/> 

<script type="text/javascript" src="; 

 

</head> 

<body> 

<!-- container start --> 

<div class="container" style="height: 3000px; width: 3000px;"> 

 

<a class="btn" href="javascript:;">点击</a> 

</div> 

<!-- container end --> 

 

<script type="text/javascript"> 

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

}); 

 

</script> 

</body> 

</html> 

希望页面加载完结后向左自动滚动一定地点,上边有个不错的秘诀能够轻便帮大家达成下 明天有...

机动滚动

点击

本文由澳门威尼斯人注册网址发布于 服务器&运维,转载请注明出处:页面加载实现后滚动条自动滚动一定地方

关键词:

上一篇:group操作实例_MongoDB_脚本之家

下一篇:没有了

最火资讯