javascript - 使用 jQuery mCustomScrollbar 和链接到 anchor

Question

我正在使用 jQuery mCustomScrollbar 脚本通过 id="scroll_box" 滚动一列中的内容元素。我还有几个图像(在其他列中)，它们具有指向 “scroll_box” 中元素的 anchor 链接。这些链接的语法如下:http://www.example.com/index.php?id=17#c33。

我正在使用该脚本在点击锚定后进行移动:

function scrollTo(hash) {
    location.hash = "#" + hash;
}

那段代码工作正常，但只有当我禁用 mCustomScrollbar 脚本时 - 所以我没有“好看”和工作滚动条。当它打开时，滚动条看起来并工作正常，但 anchor 链接不起作用......

我的 mCustomScrollbar 代码:

(function($){
$(window).load(function(){
    $("#scroll_box").mCustomScrollbar({
                callbacks:{
                    onScroll:function(){
                        onScrollCallback();
                    },
                    onTotalScroll:function(){
                        onTotalScrollCallback();
                    },
                    onTotalScrollOffset:40,
                    onTotalScrollBack:function(){
                        onTotalScrollBackCallback();
                    },
                    onTotalScrollBackOffset:20
                }
            });
    });
})(jQuery); 

是否可以将这两个脚本连接到一个工作中？

Answer 1

实际上这个插件有很多疯狂的问题!这让我放弃了它!我只是自定义我的自滚动条并出于同样的原因从我的项目中删除此插件。

但是我使用此解决方案修复了滚动到 anchor :

$(document).ready(function() {

$("a").click(function() {
if($(this).attr('href') == "#top"){
//this bit is for wordpress, where top is default: .entry-title
var elID=".entry-title";
$(".jsoverflow").mCustomScrollbar("scrollTo",elID);
}else{ 
if ($(this).attr('href').indexOf("#") >= 0){
//this bit is for any other anchor
$(".jsoverflow").mCustomScrollbar("scrollTo",$(this).attr('href'));

}

}

});
});

它对我来说 100% 有效，我从 Get-Hub 得到它.