Задать вопрос
Yarez
@Yarez
Web Developer

Как на лендинге сделать переход с одного экрана на другой моментальную прокрутку, а во втором экране обычную?

Здравствуйте!
У меня возникла небольшая сложность с лендингом. У меня есть 2 условных экрана. Я еще не подключал плагин прокрутки. Мне нужно чтобы с первого экрана на второй была резкая прокрутка, а затем когда буду на втором экране чтобы прокрутка была обычная, плавная и соответственно если переходить со второго экрана на первый была тоже резкая прокрутка.
Подскажите пожалуйста, первый раз сталкиваюсь с лендингом, и с такой задачей.
Буду очень признателен!
  • Вопрос задан
  • 1261 просмотр
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
supervaleha
@supervaleha
Web-development
Условно:
Первый экран - #l1
Второй - #l2

"Резкая" прокрутка - это просто по якорям, как я понимаю.
Итого, для ссылок второго экрана можно сделать вот так:

$('#l2').on('click', 'a', function(){
var target = th.attr('href') ;
// если мы нажимаем на ссылку во втором экране - и она ведет на первый - просто переходим по анкору
if( target == '#l1' ){ return true; }
// иначе - делаем анимацию на целевой экран
$("html, body").animate({ scrollTop: $(target).offset().top }, "slow");
});


Может не до конца понял задачу - но попробуй такой вектор решения.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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