Изменить размещение window.scroll на основе медиа-запроса?

Question

Изменить размещение window.scroll на основе медиа-запроса?

0

На сайте, на котором я работаю, есть "обязательный" заголовок наверху, они не позволят мне удалить. Мое обходное решение для этого состояло в том, чтобы запустить окно прокрутки ниже этого заголовка с телом onLoad, например:

    <body <?php body_class(); ?> onLoad="window.scroll(0, 100)">

Проблема возникает, когда я работаю над элементами, реагирующими на сайты. Когда экран попадает в мультимедийный запрос 400px, я полностью скрываю этот div. Это означает, что мой сайт по-прежнему прокручивается на 100 пикселей без необходимости.

Есть ли способ изменить это событие window.scroll, чтобы НЕ прокручивать вниз (или прокручивать вниз, если они заставляют меня возвращать заголовок на мобильный, хотя и меньше) на основе этого медиа-запроса?

cebronix 25 окт. 2013, в 19:58

Источник

0

Вам нужен скрипт только для выполнения при загрузке страницы?
VVV 25 окт. 2013, в 17:42

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Вам нужен скрипт только для выполнения при загрузке страницы?

VVV · Accepted Answer · 2013-10-25T15-58-00.000Z

Вы можете поиграть с этой скрипкой

JAVASCRIPT:

$(window).load(function () {
    $('html, body').animate({
        scrollTop: $("#content").offset().top
    }, 1000);
});

В основном он прокручивается к элементу, который вы хотите показать, поэтому, если заголовок отсутствует, верх верхнего уровня будет #, поэтому он не будет прокручиваться.

Кроме того, вы можете использовать приведенный ниже код, который будет прокручивать сайт соответственно высоте заголовка. Нет заголовка = нет height = проблема решена.

$(window).load(function () {
    $('html, body').animate({
        scrollTop: $("#header").height()
    }, 1000);
});

Ух ты. Это сработало отлично. Спасибо!