Не могу заставить работать scrollIntoView - PullRequest
Новая
       2

Не могу заставить работать scrollIntoView

0 голосов
/ 05 октября 2011

Я пытаюсь заставить JQuery 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". Я обновил это, но это все еще не работает.

Ответы [ 2 ]

1 голос
/ 06 октября 2011

Надеюсь, это поможет !!! 

<!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>
0 голосов
/ 05 октября 2011

# обозначает идентификатор, а не класс.Вы хотите .top и .bottom.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...