Question

嘿伙计们，我一直试图通过向inspect元素添加一小段代码来滚动网站。

代码

function pageScroll() {
    window.scrollBy(0,50); // horizontal and vertical scroll increments
    scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}

<a href="javascript:pageScroll()">Scroll Page</a>

当我在inspect元素上添加此代码时，链接会显示在网页上，但它不会向下滚动..

希望你们能帮助我...... !!!

Answer 1

<html>
<body>
<script>
   function pageScroll() {
    window.scrollBy(0,50); // horizontal and vertical scroll increments
    scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
    }
</script>
 <a href="javascript:pageScroll()">Scroll Page</a>
  <p>some really large content for scrolling ....</p>
</body>
</html>

以上代码工作正常。

Answer 2

在website you got the code from它正常工作。

您网页上的内容有些愚蠢吗？

如果您尝试在其他人的页面上滚动（比如在控制台中输入），则必须像这样调用pageScroll()函数：< / p>

function pageScroll() {
//code
}
pageScroll();

并排除<a href=...废话。

Answer 3

我总是使用这个jQuery解决方案为滚动设置动画。您需要将一个带有id的元素添加到要滚动到的位置，然后使用该id

调用该函数

如果需要，还可以使用history.js

更改页面URL和标题

HTML：

<a href="javascript:ScrollToHash('content');">Scroll to panel</a>

...

<div id="content" data-title="Page title here">

脚本：

function ScrollToHash(hash) {

var id = hash.replace('#', '');

if ($('#' + id).length > 0) {

    var top = $('#' + id).offset().top;

    if (id == "home") { top = 0; }

    $('html, body').animate({
            scrollTop: top
    }, 500, function () { // do something on complete function });

// Optional: Change page URL and title with history.js
    var ttl = $('#' + id).attr("data-title") + ' - Marbles';
    History.pushState(null, ttl, $('#' + id).attr("data-page-url"));
    $("title").text(ttl);

}

}

通过Window.Scroll滚动网站

3 个答案: