Javascript 更改不同窗口大小的页面滚动条偏移量

对于我的站点，我使用jquery.pagescroller.lite.js。在.js文件中，我对函数进行了如下序列化：

$(document).ready(function(){
    // initiate page scroller plugin
    $('body').pageScroller({
        navigation: '#nav',
        scrollOffset: -195
    });         
});

现在，我只需要在窗口大小介于768px和959px之间时更改scrollOffset值，其他大小保持不变

重要提示：请注意，对于这些尺寸的窗口，标准导航栏将替换为移动导航栏，代码如下：

<script>
$(function(){
    $('#nav').slicknav();
});
</script>

我有两个问题：

我注意到当显示移动菜单时，页面滚动器脚本不起作用。我怎样才能工作

如何调用.css响应文件中的pagescroller来更改选项？[可能@Eric Whitehead的答案会起作用，但我必须首先让pagescroller适用于小窗口大小。]

---

处理此问题的最佳方法是为这些维度插入媒体查询

@media all and (max-width: 959px) and (min-width: 768px) {
    .dummy-tag {
        width: 255px;
     }
}

然后，在javascript中，环绕页面滚动条

if ($(".dummy-tag").css("width") == "255px" )  {
    $(document).ready(function(){
    // initiate page scroller plugin
    $('body').pageScroller({
    navigation: '#nav',
    scrollOffset: -195
    });         
 });
}

---

我试过了，但没用。我插入了你的JavaScript代码，添加了另一个ScRelpOffice值，但是它似乎只考虑了其他参数。不要使用.NoMy标签，使用在页面上出现的实际元素，在我的例子中使用一个实际元素。