Работает ли переполнение: скрытый для <body>на iPhone Safari? - PullRequest
Новая
       48

Работает ли переполнение: скрытый для <body>на iPhone Safari?

113 голосов
/ 15 июня 2010

Работает ли overflow:hidden с <body> на iPhone Safari?Кажется нет.Я не могу создать оболочку для всего сайта, чтобы добиться этого ...

Знаете ли вы решение?

Пример: у меня длинная страница, и я просто хочу скрытьконтент, который находится под «сгибом» и должен работать на iPhone / iPad.

Ответы [ 14 ]

0 голосов
/ 30 мая 2019

Вот что я сделал: я проверяю положение тела y, затем фиксирую тело и подгоняю верх к отрицательному положению. На оборотной стороне я делаю тело статичным и устанавливаю прокрутку на значение, которое я записал ранее. 

var body_x_position = 0;

function disable_bk_scrl(){

    var elb = document.querySelector('body');

    body_x_position = elb.scrollTop;
    // get scroll position in px

    var body_x_position_m = body_x_position*(-1);
    console.log(body_x_position);

    document.body.style.position = "fixed";

    $('body').css({ top: body_x_position_m });

}

function enable_bk_scrl(){  

    document.body.style.position = "static";

    document.body.scrollTo(0, body_x_position);

    console.log(body_x_position);
}
0 голосов
/ 19 января 2018

Просто измените высоту тела <300px (высота мобильного видового экрана на суше составляет от 300 до 500px) </p>

JS 

$( '.offcanvas-toggle' ).on( 'click', function() {
    $( 'body' ).toggleClass( 'offcanvas-expanded' );
});

CSS 

.offcanvas-expended { /* this is class added to body on click */
    height: 200px;
}
.offcanvas {
    height: 100%;
}
0 голосов
/ 20 августа 2011

Применяется, но применяется только к определенным элементам в DOM. например, он не будет работать с таблицей, td или некоторыми другими элементами, но будет работать с тегом

.
например: 
<body>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

Проверено только в iOS 4.3.

Незначительное редактирование: вам может быть лучше использовать переполнение: прокрутка, поэтому прокрутка двумя пальцами работает.

0 голосов
/ 03 мая 2011

Да, это связано с новыми обновлениями в сафари, которые теперь нарушают ваш макет, если вы используете переполнение: скрытый, чтобы позаботиться об очистке div.

Страница:
...