작동하도록 scrollIntoView를 가져올 수 없습니다.

JQuery의 scrollIntoView를 페이지에서 작동 시키려고하는데 작동하지 않습니다. 다음은 페이지의 단순화 된 버전입니다.작동하도록 scrollIntoView를 가져올 수 없습니다.

<html> 
<head> 


    <script type="text/javascript" src="Scripts/jquery-1.6.4.min.js"></script> 

    <script type="text/javascript"> 
$('.top').click(function() { 
    $('.bottom')[0].scrollIntoView(); 
}); 

</script> 
</head> 
<body> 
<div><a href ="#" class= "top">Hello</a></div> 
<div style = "margin-top: 1000px"class = "bottom">hello</div> 
</body> 
</html>

무엇이든지 나는 이것을 작동시킬 수 없습니다. 저는 JQuery에서 초보자입니다. 그래서 여기에서 잘못 할 수있는 것들이 많이 있습니다. 나는 또한 결과를 훨씬 더 멋지게 보일 수있는 ScrollTo를 플러그인하려고 시도했으나 작동하지 않는다. 내가 뭘 놓치고 있니?

편집 : 문제는 ".top"대신 "#top"을 사용하는 것이 좋습니다. 나는 이것을 업데이트했지만 여전히 작동하지 않는다.

출처

2011-10-05 HankSmackHood

#은 클래스가 아니라 ID를 나타냅니다. .top 및 .bottom이 필요합니다.

출처

2011-10-05 16:40:36

이 작업을 수행했지만 도움이되지 않았습니다 ... 다른 아이디어가 있습니까? – HankSmackHood

희망이 도움이됩니다!

<!doctype html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script src="/jquery.scrollintoview.js"></script> 
$(document).ready(function(){ 
$("a.top").click(function(){ 
$("div:last").scrollintoview(); 
}); 
}); 
</script> 
</head> 
<body> 
<div><a href ="#" class="top">Hello</a></div> 
<div style = "margin-top: 1000px" class ="bottom">hello</div> 
</body> 
</html>

출처

2011-10-06 05:09:17 yb007

작동하도록 scrollIntoView를 가져올 수 없습니다.

답변

관련 문제