Как прокручивать вправо на странице, которая переполняется горизонтально?

Я хочу прокрутить до крайнего правого края страницы, которая действительно широкая (она широко целенаправленная), когда пользователь закрывает модальный (в частности, мода 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 на большее число, чем вам когда-либо понадобится, поскольку он не перескакивает.