Question

我有一个JavaScript代码，它将在我主题的index.php文件中的WordPress CMS上运行（请参阅下面的javascript代码）。我已经成功地使滚动工作，但是当我调整窗口大小时（当响应设置进入时），横幅一直到我的屏幕左侧。我原以为通过使用简单的div标签禁用JavaScript，响应性工作。所以我想通过如果我在那个时候禁用JavaScript，当包含标签的宽度小于600时我可以使它工作（通过简单地删除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＆＃39; s resize()会在窗口宽度/高度发生变化时进行侦听。

当屏幕宽度改变时，如何删除scrow跟随javascript

1 个答案: