使用jQuery mCustomScrollbar並鏈接到錨點

Question

我正在使用jQuery mCustomScrollbar腳本在id="scroll_box"列中滾動內容元素。 我還有幾個圖像（在其他列中），它們具有到"scroll_box"元素的錨點鏈接。 鏈接具有以下語法： http://www.example.com/index.php?id=17#c33 ： http://www.example.com/index.php?id=17#c33 。

點擊錨點后我正在使用該腳本移動：

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

這段代碼工作正常，但只有當我禁用mCustomScrollbar腳本時 - 所以我沒有“好看”和工作滾動。 當它打開時，滾動條看起來工作正常，但錨鏈接不起作用...

我的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

實際上這個插件有很多瘋狂的問題！ 這讓我放棄了！ 我只是自定義我的自動滾動條，並出於同樣的原因從我的項目中刪除此插件。

但是我使用這個解決方案修復了滾動到錨點 ：

$(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獲得它。