How to make the transition from one screen to another instant scrolling on the landing page, and normal scrolling on the second screen?

Question

css

Здравствуйте!
У меня возникла небольшая сложность с лендингом. У меня есть 2 условных экрана. Я еще не подключал плагин прокрутки. Мне нужно чтобы с первого экрана на второй была резкая прокрутка, а затем когда буду на втором экране чтобы прокрутка была обычная, плавная и соответственно если переходить со второго экрана на первый была тоже резкая прокрутка.
Подскажите пожалуйста, первый раз сталкиваюсь с лендингом, и с такой задачей.
Буду очень признателен!

Answer 1

Conditionally:
First screen - #l1
Second - #l2
"Sharp" scrolling - it's just anchors, as I understand it.
In total, for the links of the second screen, you can do this:

$('#l2').on('click', 'a', function(){
var target = th.attr('href') ;
// if we click on a link in the second screen - and it leads to the first - just navigate to the anchor
if( target == '#l1' ){ return true; }
// otherwise, animate to the target screen
$("html, body").animate({ scrollTop: $(target).offset( ).top }, "slow");
});

Maybe I didn’t fully understand the task - but try this solution vector.