Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как правильно сделать скрол на странице к конкретному блоку?

Как правильно сделать скрол на странице к конкретному блоку?


     07.07.2020    скролл    Все вопросы » Общие вопросы    118

вопрос
Здравствуйте! Подскажите, пожалуйста, в чем может быть проблема: сделала скролл на странице вниз к блоку, но если, после того как спустился к этому блоку, подняться вверх, то отображается не весь контент (он как бы обрезается). Пример: https://prnt.sc/td5zuu

Ответа пока нет


4 комментария

Invokerlover
Юзер

Invokerlover - 7 июля 2020 11:31 -

Попробуйте так:

$(document).ready(function(){
    $('a[href^="#"], *[data-href^="#"]').on('click', function(e){
        e.preventDefault();
        var t = 700;
        var d = $(this).attr('data-href') ? $(this).attr('data-href') : $(this).attr('href');
        $('html,body').stop().animate({ scrollTop: $(d).offset().top }, t);
    });
});


Ссылка на блок:

<a href="#" data-href="#block">скролл</a>


Сам блок:

<div id="block"> наш блок </div>


id и ссылку меняем на своё и готово.

Akvamary
Юзер

Akvamary - 8 июля 2020 09:39 -

$(document).ready(function(){
$('a[href^="#"], *[data-href^="#"]').on('click', function(e){
e.preventDefault();
var t = 700;
var d = $(this).attr('data-href') ? $(this).attr('data-href') : $(this).attr('href');
$('html,body').stop().animate({ scrollTop: $(d).offset().top }, t);
});
});

А эту часть тоже прописывать в fullstory.tpl?

Akvamary
Юзер

Akvamary - 8 июля 2020 09:56 -

а как отрегулировать высоту сдвига. он едит немного вниз и все

Akvamary
Юзер

Akvamary - 8 июля 2020 10:14 -

спасибо, помогло

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх