Question

我很擅长使用jquery但每天学习一点。我已经解决了搜索此网站的许多问题，但我似乎找不到任何解决方案：

我现在工作的网络使用了很多页面锚点。

我有localscroll和scrollto作为jquery库。

我用这个小脚本动画了过渡：

<script type="text/javascript">        
    $(document).ready(function () {
        $('.scrolllento').localScroll({ duration: 1000 });
    });
</script>

无论我将“scrolllento”这个类添加到我链接的标记中，它都能正常工作。

现在我遇到的问题是链接跳转到不同页面内的锚点。我的客户问我是否可以首先加载页面然后移动到具有相同Web转换的锚点。

我一直在用我的小知识来处理它，这就是我所拥有的：

<script type="text/javascript">

    $(document).ready(function () {            
        var nosalto = $(location).attr('href');
        if (nosalto.indexOf("HistoriaBMG") > 0) {
            $.fn.gotoAnchor = function (anchor) {
                location.href = this.selector;
            }
            $('#historia').gotoAnchor();
        }            
    });
</script>

“HistoriaBMG”是新页面，“＃itstoria”是我想要进入该页面的锚点。

它似乎再次起作用......

问题是我不知道如何实现转换，因为忽略了链接容器中的类“scrolllento”../HistoriaBMG被忽略。

有谁可以帮助我？非常感谢，请原谅我的英语，希望这个问题很清楚。

Answer 1

根据localScroll docs：

该插件还添加了一个函数$ .localScroll.hash（），它检查地址栏中的URL，如果有一个哈希（#an_id），它将滚动到该元素。它接受设置的哈希值，就像$ .localScroll一样。您可能会在准备好文档时调用它。检查常规示例以查看其运行情况。

因此，您只需在$.localScroll.hash()

上致电$(document).ready()即可

加载转换后转到页面锚点

1 个答案: