当屏幕宽度改变时，如何移除javascript中的一行

我有一个JavaScript代码，它将去WordPress CMS在我的主题的index.php文件(见下面的JavaScript代码)。我已经成功地使滚动条工作，但是当我调整窗口的大小时(当响应性设置时)，横幅一直走到屏幕的左边。我曾认为，通过禁用JavaScript与一个普通的div标签，响应工作。所以我发现，如果我在包含标签的宽度小于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>

谢谢