Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在将节滚动到视图中时启用代码工作_Javascript_Html_Scrollview - Fatal编程技术网

Javascript 在将节滚动到视图中时启用代码工作

Javascript 在将节滚动到视图中时启用代码工作,javascript,html,scrollview,Javascript,Html,Scrollview,我有一个javascript,可以在我的网站上启用自动旋转选项卡。我的标签在页面的底部,当你到达这个部分时,几乎最后一个标签被打开了,所以公文包不是从第一项开始的 是否有办法仅在带有选项卡的部分滚动到视图时启用此脚本 代码片段如下所示: <script> var Webflow = Webflow || []; Webflow.push(function() { var tabTimeout; clearTimeout(tabTimeo

我有一个javascript,可以在我的网站上启用自动旋转选项卡。我的标签在页面的底部,当你到达这个部分时,几乎最后一个标签被打开了,所以公文包不是从第一项开始的

是否有办法仅在带有选项卡的部分滚动到视图时启用此脚本

代码片段如下所示:

<script>
    var Webflow = Webflow || [];
    Webflow.push(function() {
        var tabTimeout;
        clearTimeout(tabTimeout);
        tabLoop();

        // define loop - cycle through all tabs
        function tabLoop() {
            tabTimeout = setTimeout(function() {
                var $next = $('.tabs-menu').children('.w--current:first').next();

                if ($next.length) {
                    $next.removeAttr("href").click(); // click resets timeout, so no need for interval
                } else {
                    $('.tab-link:first').removeAttr("href").click();
                }
            }, 15000);
        }

        // reset timeout if a tab is clicked
        $('.tab-link').click(function() {
            clearTimeout(tabTimeout);
            tabLoop();
        });
    });
</script>

var Webflow=Webflow | |[];
Webflow.push(函数(){
var-tabTimeout;
clearTimeout(tabTimeout);
tabLoop();
//定义循环-循环所有选项卡
函数tabLoop(){
tabTimeout=setTimeout(函数(){
var$next=$('.tabs菜单').children('.w--current:first').next();
如果($next.length){
$next.removeAttr(“href”).click();//单击重置超时,因此不需要间隔
}否则{
$('.tab链接:first').removeAttr(“href”).click();
}
}, 15000);
}
//单击选项卡时重置超时
$('.tab链接')。单击(函数(){
clearTimeout(tabTimeout);
tabLoop();
});
});
  • 检测用户从顶部滚动多少以确定何时运行该函数。
    使用JavaScript:
    var scrollTop=window.pageYOffset | | |(document.documentElement | | document.body.parentNode | | document.body)

    var scrollTop=$(窗口).scrollTop()
    

  • 将scrollTop与选项卡的父元素的位置进行比较。
    如果需要计算,这里有一个方法可以得到它:

  • 正在寻找scroll.js上的动画?答案是“是”。请阅读并修改您的问题,以便我们可以帮助您:听起来IntersectionObserver会有所帮助。@Dilyor博士您好,谢谢。实际上,这将是一个fullpage.js。你知道这个插件吗?@TimothyAlexisVass我添加了代码段谢谢Timothy。似乎这对我来说很难,因为没有一个程序员甚至不知道在哪里粘贴。我可以雇你来更快地完成吗?我可以在这里给你打电话吗?@Meetingorkipark谢谢你的提议。如果您搜索“当元素在视口中时运行javascript”,您肯定会成功。有很多方法可以做到这一点。