Jscrollpane 和内部锚链接

Question

我正在使用 Jscrollpane，一切都很好，除了当我尝试将它与内部锚点一起使用时。 它应该像官方页面上的示例一样工作。

但在我的例子中，它确实破坏了我的网站。整个内容都往上飘，我自己也想不通。

这是我的页面： http://kunden.kunstrasen.at/ htmltriest/index.php?site=dieanreise&user_lang=de 如果单击内部锚点： http://kunden .kunstrasen.at/htmltriest/index.php?site=dieanreise&user_lang=de#westautobahn

有人知道这里发生了什么吗？ 感谢您的帮助。

Answer 1

jspane 不适用于旧式锚点
例如

<a name="anchor"></a>

，您必须

<a id="anchor"></a>

额外编写必须

hijackInternalLinks: true;

在 jScrollPane 设置对象中启用的内容。

hijackInternalLinks 还捕获来自滚动窗格外部的链接，如果您只需要内部链接，您可以添加此代码，就像 hijackInternalLinks 一样，它绑定 a 元素上的单击功能，并使用目标调用scrollToElement：

            \$(document).ready(function() {
            panes = \$(".scroll");
            //hijackInternalLinks: true;
            panes.jScrollPane({
            });
            panes.each(function(i,obj){
                var pane = \$(obj);
                var api = pane.data('jsp');
                var links = pane.find("a");
                links.bind('click', function() {
                    var uriParts = this.href.split('#');
                    if (uriParts.length == 2) {
                        var target = '#' + uriParts[1];
                        try{
                            api.scrollToElement(target, true);
                        }catch(e){
                            alert(e);
                        }
                        return false;
                    }
                });
            });
        });

但请注意，您始终必须使用标签上的 id 属性。
如果您使用的是tinymce，您可以使用此函数修复代码

function myCustomCleanup(type, value) {
    switch (type) {
            case "get_from_editor_dom":
                    var as = value.getElementsByTagName("a");
                    for(var i=0; i< as.length;i++){
                        if (as[i].hasAttribute('name')){
                            var name = as[i].getAttribute('name');
                            as[i].setAttribute('id',name);
                        }
                    }
                    break;
    }

    return value;

}