Метод Cross-Browser для установки ScrollTop элемента?
Например, у меня есть тег div с полосой прокрутки справа от тега div.
Я хочу показать div с последней строкой, поэтому у меня есть следующее:
document.getElementById("divscroll").scrollTop = 250000;
Я могу сделать это прокруткой до конца в Firefox, но никогда не преуспевать с событием IE с большим номером!
Есть ли простой Cross-borwser script (не JQuery или любая большая структура!)
Ответы
Ответ 1
scrollTop
работает во всех основных браузерах.
Для прокрутки до нижней части элемента:
var div = document.getElementById('divscroll');
div.scrollTop = div.scrollHeight - div.clientHeight;
clientHeight
также работает в браузерах, а scrollHeight
в основном работает.
Ответ 2
Убедитесь, что установлено свойство переполнения:
<div id="divscroll" style="height: 100px; width: 100px; overflow: scroll;">
//// something something
</div>
Ответ 3
Попробуйте установить положение прокрутки на реальную цифру вместо просто большого числа:
document.getElementById("divscroll").scrollTop = document.getElementById("divscroll").scrollHeight;