Как прокрутить всю страницу от ссылки до 75% в процентах в анимированной прокрутке - PullRequest
0 голосов
/ 06 января 2020

Как прокрутить всю страницу, используя ссылку на 75% в процентах в анимированной прокрутке?

Я хочу, чтобы она прокручивала 75% на моей странице и записывалась в процентах в коде и в то же время, чтобы анимировать его как есть.

Анимация работает, за исключением того, что я не могу заставить прокрутку работать в процентах.

Мой JavaScript Код запроса:

function scrollTo75() {
var body = document.body,
    html = document.documentElement;
        var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );
    console.log(height);
    $('html, body').animate({
        scrollTop: height/100 - window.innerHeight/75
    }, 200);
}

Код моего тела:

<a href="javascript:void(0);" onmouseover="scrollTo75();" title="Scroll 75%">75%</a>

1 Ответ

1 голос
/ 06 января 2020

Изменить scrollTop: height/100 - window.innerHeight/75 на scrollTop: height * .75:

function scrollTo75() {
var body = document.body,
    html = document.documentElement;
        var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );
    console.log(height);
    $('html, body').animate({
        scrollTop: height * .75
    }, 200);
}

РЕДАКТИРОВАТЬ: Если вам нужно использовать 75 вместо 0,75, вы можете просто сделать scrollTop: height * (75 / 100)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...