点击停止后,按钮向下滚动屏幕,再次点击再次点击

时间:2016-08-04 10:59:54

标签: javascript html css button scroll

我有一点问题。 这是我的小提琴:

[https://jsfiddle.net/ekpgbxrk/][1]

我的问题是:我的代码出了什么问题?重点是我想在点击按钮后滚动网站,然后再点击一下我想停止,然后继续。 我用了: http://www.mediacollege.com/internet/javascript/page/scroll.html 请帮忙!

2 个答案:

答案 0 :(得分:0)

按钮onclick功能错误。将它更改为您想要在JS代码中调用的任何函数。

还要将JSFiddle的JS设置“Load Type”更改为“No wrap in - < head>”

这是您的代码的更新逻辑。

var scrolling = false;
var scrollDelay;

function scrollClick() {
    if (!scrolling) {
    scrolling = true;
    startScroll();
  } else {
    scrolling = false;
    stopScroll();
  }
}

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

function stopScroll() {
  clearTimeout(scrolldelay);
}

这是更新的小提琴https://jsfiddle.net/ekpgbxrk/5/

答案 1 :(得分:0)

您的代码逻辑完全错误。

我重写了逻辑。

供您参考:

[1]: https://jsfiddle.net/ekpgbxrk/1/