scrollTop x% от общего числа - PullRequest
Новая
       15

scrollTop x% от общего числа

0 голосов
/ 26 января 2019

У меня есть текучая страница, представляющая собой сплошное изображение, с масштабированием по высоте окна просмотра (я использую библиотеку jquery, которая также переводит ширину страницы в высоту страницы verticalscroll.js)

css установка изображения 

.graphic{
    z-index: 250;
    top:0px;
    width: calc(102vh * 16.77);
    height: 102vh;
    margin-left:-20px;
    background: url(../images/bigguy.svg) no-repeat;
    background-size: 1739vh;
    background-position: 0px;
}

Я пытаюсь сделать кнопку, которая прокручивает x процент, так как изображение является временной шкалой, а события в строке изображения с точностью до% прокрутки (например, 1950 всегда виден, прокручивается 8% страницы)

это математика, которую я использую, чтобы перейти (например) к прокрутке .08% внутри функции щелчка - но ее недостаточно для прокрутки 

    var scrolling = theHeight * 1.08;
    $('html,body').animate({scrollTop: scrolling}, 800);

вместо прокрутки до .08, только до 0,07

js fiddle - https://jsfiddle.net/schweigert85/boe3kma4/4/ (работает только в Chrome из-за размера фона svg)

...