어제로드 후 페이지가 자동으로 왼쪽으로 스크롤되기를 바라면서 요구 사항이있었습니다.
나는 항상 페이지의 문서에 값을 설정했다고 생각했다 .documentElement.scrollleft는 효과가 있었지만 실망했다 ~ 나는 실망했다.
나는 오늘 확인하는 데 시간이 걸렸다.
Document.DocumentElement.scrollleft를 사용하여 값을 설정하십시오. 인간 이벤트에 의해 트리거 된 경우에만 효과적이어야합니다.
페이지가로드 될 때 특정 거리를 자동으로 스크롤하려면 다음 예제와 같이 jQuery의 애니메이션을 사용하십시오.
$ ( "html, body"). 애니메이션 ({ "scrollleft": "300px"}, 1000);
$ ( "html, body"). 애니메이션 ({ "scrolltop": "300px"}, 1000);
데모:
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<meta charset = "utf-8"/>
<title> 자동 스크롤 </title>
<meta name = "keywords"content = ""/>
<meta name = "description"content = ""/>
<script type = "text/javaScript"src = "https://www.gamebox.com/js/jquery.js"> </script>
</head>
<body>
<!-컨테이너 시작->
<div style = "높이 : 3000px; 너비 : 3000px;">
<a href = "javaScript :;"> 클릭 </a>
</div>
<!-컨테이너 끝->
<script type = "text/javaScript">
/* window.onload = function () {
scroll (0,300);
$ ( ". btn"). on ( "click", function () {
document.documentElement.scrollleft = "500";
var otop = document.body.scrolltop ||.
var oleft = document.body.scrollleft ||
경고 (올레프);
});
}*/
$ (function () {
$ ( "html, body"). 애니메이션 ({ "scrollleft": "300px"}, 1000);
});
</스크립트>
</body>
</html>