Smooth scrolling doesn't work

[PapaSasha]

Hi guys,

Can you help me with smooth scrolling on my website. Script works but without smooth scrolling.
Website is under construction but you can try this on the menu below cover page: https://aplace.pl/video#

Thanks in advance.

Best,
Alexander

[mariusjopen]

Hi @PapaSasha

what is the script you are using?

Best!

Marius

[PapaSasha]

Hi @mariusjopen

This one:
<script>
jQuery(document).ready(function(){
jQuery('body').on('click', '#view-more', function(event) {
event.preventDefault();
var id = jQuery(this).attr('href');
jQuery('html, body').animate( { scrollTop: jQuery(id).offset().top }, 750, 'easeOutExpo' );
});
})
<script>

Best,
Alexander

[PapaSasha]

Hi @mariusjopen,
Do you have any ideas how to solve this technical issue?
I'd be grateful for your help.

Best,
Alexander

[mariusjopen]

Hi @PapaSasha

ok. Try this code here:

<script>
jQuery(document).on("click", "#view-more", function(event) {

    event.preventDefault();
    
    jQuery('html, body').animate({
        scrollTop: jQuery("#view-more-anchor").offset().top
    }, 500);

});
</script>

You need to make two divs of course. One with the ID #view-more; and the other one with the ID #view-more-anchor;.

In your code you also did not consider this:
http://laytheme.com/documentation.html#custom-javascript

Best!

Marius