Javascript 在滚动时运行脚本，但仅运行一次

我在我的网站上使用IntroJS。人们可以通过点击我的按钮开始游览，但我希望它在访客向下滚动时自动启动。我为此制作了此功能，但它会不断启动巡演，从而翻转整个网页：

window.onscroll = function() {tourstart()};

function tourstart() {
    if (document.body.scrollTop > 50) {
        introJs().start();
}
}

我怎么能让它只运行一次

---

提前谢谢你

开始巡更时移除处理程序：

function tourstart() {
    if (document.body.scrollTop > 50) {
        window.onscroll = null;
        introJs().start();
    }
}

---

开始巡更时删除处理程序：

function tourstart() {
    if (document.body.scrollTop > 50) {
        window.onscroll = null;
        introJs().start();
    }
}

---

您编写了标记jQuery，因此如果您使用它，您只需编写：

$(window).one('scroll', function() {
  tourstart();
});

---

您编写了标记jQuery，因此如果您使用它，您只需编写：

$(window).one('scroll', function() {
  tourstart();
});

---

如果要在页面加载后运行一次，请尝试以下操作：

var onlyOnce = true;
window.onscroll = function() {tourstart()};

function tourstart() {
    if (document.body.scrollTop > 50 && onlyOnce) {
        onlyOnce = false;
        introJs().start();
    }
}

但是，如果您想为用户（/browser）运行一次，您可以使用cookies，但可以在此处复制/粘贴功能：

代码以这种方式更改：

var onlyOnce = readCookie("once");
window.onscroll = function() {tourstart()};

function tourstart() {
    if (document.body.scrollTop > 50 && onlyOnce!="true") {
        createCookie("once", "true", 10); // It expires in 10 days for example
        introJs().start();
    }
}

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

var onlyOnce=readCookie（“一次”）；
window.onscroll=function（）{tourstart（）}；
函数tourstart（）{
如果（document.body.scrollTop>50&&onlyOnce！=“true”）{
createCookie（“once”，“true”，10）；//例如，它将在10天内过期
introJs（）.start（）；
}
}
函数createCookie（名称、值、天数）{
如果（天）{
变量日期=新日期（）；
date.setTime（date.getTime（）+（天*24*60*60*1000））；
var expires=“；expires=“+date.togmString（）；
}
else var expires=“”；
document.cookie=name+“=”+value+expires+“path=/”；
}
函数readCookie（名称）{
变量nameEQ=name+“=”；
var ca=document.cookie.split（“；”）；
对于（变量i=0；i

如果要在页面加载后运行一次，请尝试以下操作：

var onlyOnce = true;
window.onscroll = function() {tourstart()};

function tourstart() {
    if (document.body.scrollTop > 50 && onlyOnce) {
        onlyOnce = false;
        introJs().start();
    }
}

但是，如果您想为用户（/browser）运行一次，您可以使用cookies，但可以在此处复制/粘贴功能：

代码以这种方式更改：

var onlyOnce = readCookie("once");
window.onscroll = function() {tourstart()};

function tourstart() {
    if (document.body.scrollTop > 50 && onlyOnce!="true") {
        createCookie("once", "true", 10); // It expires in 10 days for example
        introJs().start();
    }
}

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

var onlyOnce=readCookie（“一次”）；
window.onscroll=function（）{tourstart（）}；
函数tourstart（）{
如果（document.body.scrollTop>50&&onlyOnce！=“true”）{
createCookie（“once”，“true”，10）；//例如，它将在10天内过期
introJs（）.start（）；
}
}
函数createCookie（名称、值、天数）{
如果（天）{
变量日期=新日期（）；
date.setTime（date.getTime（）+（天*24*60*60*1000））；
var expires=“；expires=“+date.togmString（）；
}
else var expires=“”；
document.cookie=name+“=”+value+expires+“path=/”；
}
函数readCookie（名称）{
变量nameEQ=name+“=”；
var ca=document.cookie.split（“；”）；
对于（变量i=0；i

正是我需要的，谢谢！小小的补充，也许你也知道这一点：我可以在同一个脚本中“强制”他们锚定吗？非常感谢！！正是我需要的，谢谢！小小的补充，也许你也知道这一点：我可以在同一个脚本中“强制”他们锚定吗？非常感谢！！