Как мне реализовать jScroll на базовой HTML-странице? - PullRequest
Новая
       36

Как мне реализовать jScroll на базовой HTML-странице?

0 голосов
/ 01 апреля 2019

Я пытаюсь скопировать этот бесполезный веб-сайт: http://endless.horse,, но документация jScript не помогает объяснить, как его реализовать.

По сути, мне нужен блок текста«Тело» должно быть вверху, затем блок текста «Ноги» должен появляться бесконечно (в качестве заполнителей) (см. Веб-сайт).

Я попытался добавить то, что говорит веб-сайт: http://jscroll.com,, но там написано только "[element] .jscroll ()" и все.Я также пытался скопировать код с веб-сайта, но это также не работает.

Вот код, который я использую: DIV, который должен прокручиваться: 

<code><div class="jscroll">
    <pre>
        <h1>Body</h1>

rest.html: 

<code><pre>
    Legs

Код был взят с сайта

javascript / jquery / jscroll: 

$(function() {
    $('.jscroll').jscroll({
        autoTrigger: true,
        padding: 2000px,
        nextSelector: "rest.html"
    });    
});

Я думал, что получу прокручиваемую веб-страницу с "Body" и "Legs", но вместо этого я получил только "Body".

1 Ответ

0 голосов
/ 01 апреля 2019

Предполагая, что вы включили правильный js и запустили свой скрипт, когда документ готов, у вас работает следующий код: 

<code><script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="https://unpkg.com/jscroll@2.4.1/dist/jquery.jscroll.min.js"></script>

<div class="jscroll">
    <pre>
        <h1>Body</h1>
document.addEventListener("DOMContentLoaded", function (event) {$ (function () {$ ('. Jscroll'). Jscroll ({autoTrigger: true, padding: 2000, nextSelector: "a: last"});});});

По сути, вам нужно изменить свой nextSelector, чтобы он был более конкретным, и вы должны поставить реальный селектор jquery.«a: last» всегда выбирает последний доступный тег a.Также вам нужно изменить 2000px на 2000.этот код работал для меня.Не забудьте включить больше символов в ваш вывод rest.html.

...