крутим скролл программно
Как крутить скрол у дива?? в самый низ
|
<style>
html, body, div{height: 100%;margin:0;padding:0}
div{float:right;width:80%;overflow: auto;}
span{display:block;height:2000px;}
</style>
<script>
function scrollToBottom() {
scroller.scrollTop = scroller.scrollHeight - scroller.offsetHeight;
}
</script>
<div id=scroller>
<span></span>
</div>
<button onclick=scrollToBottom()>Прокрутить вниз</button>
|
Рабочий вариант, но не понятный какой то, это как так автоматически определяет идентификатор?
|
Браузер создает глобальные переменные из идентификаторов dom-элементов. Это описано в стандарте.
Не уверен что нужно использовать это в продакшне, но для демки то пойдет ) |
А есть что нибудь на jquery?? без дополнительных расширений
|
Цитата:
|
Что? Каких еще расширений? На jQuery есть метод $(el).scrollTop(x)
что равносильно el.scrollTop = x Обертки для scrollHeight я не нашел. Возможно это $(el).innerHeight() для offsetHeight сойдет $(el).outerHeight() или мож $(el).height() |
Цитата:
Цитата:
|
предвкушая следующий вопрос
$(this).animate({scrollTop:500});
|
Цитата:
Как сделать плавно, я уж знаю!! |
| Часовой пояс GMT +3, время: 16:27. |