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

[Anonymous]

Допустим, что у нас есть ширина тела страницы, установленную на 2000px с центрированным содержанием по горизонтали внутри тела с шириной, установленной на 1200px. < /p>




< /code>

css: < /p>

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

Чего я пытаюсь достичь, так это то, что я вообще не допускаю горизонтальную прокрутку до тех пор, пока размер вашего
не составит 1200px или меньше (при изменении размера) с настройкой переполнения-X к скрытую. < /p>

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

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

Так что вы решите?

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