Функции scrollTop(), scrollLeft().

Страницы Вашего сайта часто превышают размеры окна браузера, отображающего страницы сайта.

Веб-документы, которые содержат большой объем информации бывают выше и шире браузера. Тогда посетители этих документов вынуждены прокручивать страницы сайта. Когда посетитель прокручивает страницу сайта, часть документа исчезает из вида и скрывается за пределами окна программы.

Это говорит только об одном, что что левый угол окна браузера не соответствует левому кглу документа сайта.

В таких случаях при попытке поместить новый элемент вверху экрана возникают проблемы. В частности, если Вы установите значения свойств элемента left и top на 0, то поместите его вверху документа, но за пределами окна браузера.

Чтобы точно знать на сколько пикселей вправо и вниз требуется сместить элемент, то есть насколько страница сайта прокручена относительно верхнего и левого краев окна браузера используйте функции scrollTop(), scrollLeft().

Чтобы узнать насколько пикселей документ находится над верхней границей окна браузера пишите код:

                    $(document).scrollTop();

Чтобы узнать насколько пикселей документ находится за левой границей окна браузера пишите код:

                    $(document).scrollLeft();

Функции scrollTop(), scrollLeft() возвращают значения в пикселях. Это Вы можете применять для размещения другого элемента на странице сайта.

К примеру, если Вы желаете разместить всплывающее окно в центре страницы даже после того, как кто-то прокрутил страницу, и передвинуть всплывающее окно; Вам требуется определить, насколько вниз прокрутил кто-то страницу, и передвинуть всплывающее окно вниз на это количество пикселей.

На самом деле, задача эта не такая простая, как кажется на первый взгляд.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед