Как прокручивать вправо на странице, которая переполняется горизонтально?
Я хочу прокрутить до крайнего правого края страницы, которая действительно широкая (она широко целенаправленная), когда пользователь закрывает модальный (в частности, мода Reveal в Foundation 4).
Я пробовал установить id на div, который выравнивается полностью вправо, но это явно не работает.
Ответы
Ответ 1
Для прокрутки по горизонтали вы используете scrollLeft().
$('body, html').scrollLeft(400);
jQuery также поддерживает анимацию свойства scrollLeft
.
Чтобы прокрутить весь путь вправо, вы получите полную ширину страницы и вычитаете ширину окна, чтобы получить левый край:
var left = $(document).outerWidth() - $(window).width();
$('body, html').scrollLeft(left);
Ответ 2
Фактически вы можете сделать это с помощью идентификатора div. Если у вас есть div как:
<div id="divid" style="position: absolute; left: 9000px;">Far Right</div>
Затем просто измените location.hash
на соответствие:
location.hash = "divid";
Браузер позаботится о прокрутке для вас.
Ответ 3
Итак, вот рабочий пример: http://jsfiddle.net/B2aQF/1/
В принципе, вы можете установить левую позицию прокрутки тела с помощью функции jQuery scrollLeft
:
$(document).ready(function(){
$('body').scrollLeft($(document).outerWidth());
});
Вы даже можете установить scrollLeft на большее число, чем вам когда-либо понадобится, поскольку он не перескакивает.