屏幕宽度更改时如何删除scrow follow javascript

Question

我有一个 JavaScript 代码，它将在我的主题的 index.php 文件中的 WordPress CMS 上运行（请参阅下面的 javascript 代码）。我已经成功地使滚动工作，但是当我调整窗口大小时（当响应设置时）横幅一直到我的屏幕左侧。我曾认为通过使用普通的 div 标签禁用 JavaScript，响应能力会起作用。所以我发现如果我在包含标签的宽度小于 600 时禁用 JavaScript，我可以让它工作（通过简单地删除 JavaScript）。它不起作用。

我不确定 JavaScript 解决方案是否是最佳解决方案。任何人都可以帮忙吗？任何建议都将受到欢迎...

<script type = "text/javascript" > 
$(document).ready(function () {
    var $sidebar = $(".follow-scroll"),
        $window = $(window),
        offset = $sidebar.offset(),
        topPadding = 20;
    $window.scroll(function () {
        //disable javascript if width larget less than 600
        if ($('.outern').width() < 600) {
            return;
        } else {
            //enable scroll folowing feature otherwise
            if ($window.scrollTop() > offset.top) {
                $sidebar.stop().animate({
                    marginTop: $window.scrollTop() - offset.top + topPadding
                });
            } else {
                $sidebar.stop().animate({
                    marginTop: 20
                });
            }
        }
    });
});
</script>

谢谢

Answer 1

jQuery 的resize() 监听窗口宽度/高度何时发生变化。