Скроллим див %)

Sun, 10 May 2009 22:50:45 +0200

Иногда див с большим объёмом информации нужно поскроллить, но типичный скролл не вписывается в дизайн, и нужно придумать кнопки. На помощь приходит javascript :D
У любого блочного элемента в html, есть css свойство, которое можно изменить только с помощью javascript о_О
Знакомьтесь, это scrollLeft и scrollTop :) Они представляют собой отступ (скролл) от левого края и от верха соответственно ;)
Перейдем к делу! Управлять ими очень даже легко

document.getElementById("test").scrollLeft += 5;
document.getElementById("test").scrollLeft -= 5;

Сдесь мы блочный элемент с id="test" сначала двигаем вправо на 5px, потом влево. Аналогично делается для направлений вниз/вверх!

Пример:

JavaScript — скриптовый язык, чаще всего использующийся при создании сценариев поведения браузера, встраиваемых в веб-страницы. Является одной из реализаций языка ECMAScript. Название «JavaScript» является зарегистрированным товарным знаком компании Sun Microsystems, Inc.

Скроллим Вниз Скроллим Вверх

Комментарии к заметке

Теги:
css
javascript
browsers > scrolling

Deerua about Coding: последние заметки с тегом «scrolling»

Скроллим див %)