在 Webflow 中的特定部分启用自定义代码

问题描述

我不确定这是否重要，但我使用 Webflow 作为我的网络构建工具，并在那里使用自定义代码来启用选项卡的自动播放。

我很确定我的问题可能与一般的 Java 脚本主题有关，因为所有元素都有类，并且您在 Webflow 中使用代码就像从头开始编写网站一样。

我使用以下代码，因此选项卡每 15 秒自动切换一次：

<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>

问题是带有标签的部分不是标题部分，而是网站底部的部分，所以当我将网站向下滚动到该部分时，自动播放脚本很久以前就已经开始了，一旦我到达几乎所有选项卡中最后一个选项卡打开的部分。所以投资组合不是从第一项开始。

是否有要添加的代码片段，以确保仅当这些选项卡滚动到视图中时才会启用我上面发布的代码？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

custom-code javascript tabs webflow