Как установить максимальную позицию прокрутки? ⇐ Jquery

[Anonymous]

Предположим, у нас есть ширина тела страницы, равная 2000 пикселей, а контент расположен горизонтально внутри тела, а ширина установлена ​​на 1200 пикселей.

Код: Выделить всё

CSS:

Код: Выделить всё

body {
width: 2000px;
}
.content {
position: relative;
width: 1200px;
margin-left: auto;
margin-right: auto;
}

Я пытаюсь добиться того, чтобы я вообще не разрешал горизонтальную прокрутку до тех пор, пока размер вашего
окна не станет 1200 пикселей или меньше (при изменении размера) с настройкой переполнения -x — скрыто.

Код: Выделить всё

$(function() {
$(window).resize(function() {
if(window.innerWidth > 1200) {
$("body").css({
"overflow-x": "hidden"
});
} else {
$("body").css({
"overflow-x": "visible"
});
}
});
});

который работает нормально. Но я также хочу запретить пользователю прокручивать дальше, чем 1200 пикселей, если ширина его окна меньше 1200 пикселей (проблема здесь в том, что как только ширина окна становится меньше 1200 пикселей, можно прокручивать до полной ширины - 2000 пикселей).

И как бы вы это решили?

Подробнее здесь: https://stackoverflow.com/questions/227 ... l-position