Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

HTML DOM scrollLeft Propery

<Элемент объекта

пример

Получить количество пикселей содержание в <div> элемент прокручивается по горизонтали и по вертикали:

var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Попробуй сам "

Больше "Try it Yourself" примеры ниже.

Определение и использование

Наборы собственности scrollLeft или возвращает количество пикселей содержимого элемента прокручивается по горизонтали.

Совет: Используйте scrollTop свойство для установки или вернуть количество пикселей содержимого элемента прокручиваются по вертикали.

Совет: Для того, чтобы добавить полосы прокрутки к элементу, используйте CSS переполнения свойства.

Поддержка браузеров

Имущество
scrollLeft да да да да да

Синтаксис

Возвращает свойство scrollLeft:

element .scrollLeft

Установите свойство scrollLeft:

element .scrollLeft= pixels

Значения свойств

Стоимость Описание
pixels Указывает количество пикселов содержимое элемента прокручивается по горизонтали.

Специальные примечания:
  • Если число отрицательное значение, число устанавливается в "0"
  • Если элемент не может быть прокручивается, номер установлен в "0"
  • Если число больше максимально допустимого количества прокрутки, количество устанавливается на максимальное число

Технические подробности

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

Еще примеры

пример

Прокрутка содержимого <div> элемента до 50 пикселей по горизонтали и 10 пикселей по вертикали:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Попробуй сам "

пример

Прокрутка содержимого <div> элемента на 50 пикселей по горизонтали и 10 пикселей по вертикали:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Попробуй сам "

пример

Прокрутка содержимого <body> 30 пикселей по горизонтали и 10 пикселей по вертикали:

var body = document.body; // For Chrome, Safari and Opera
var html = document.documentElement; // Firefox and IE places the overflow at the <html> level, unless else is specified. Therefore, we use the documentElement property for these two browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;
Попробуй сам "

<Элемент объекта