jquery地址插件干扰scrollTo值

Question

我建立了一个基于 ajax 的网站，它利用地址 jquery 插件来实现后退按钮浏览器兼容性。然而，由于页面是通过ajax页面获取的，因此传统的页面刷新并不明显，并且在用户导航等方面相当迷失方向。用户单击链接，ajax获取页面，虽然成功并且页面在屏幕上获取，但屏幕不会出现在顶部特别是当窗口较长并且单击的链接位于源页面的最底部时。仿佛一切都没有改变。我尝试使用scrollTo插件，但测试时窗口scrollTop值始终为0和零，删除地址插件后，scrollTop值现在被读取。

有人遇到过同样的问题吗？

先感谢您！

Answer 1

我遇到了完全相同的问题，尝试了几种滚动到顶部的方法，最终删除了滚动到顶部按钮。

现在我一直在用 iPhone 测试我的网站（使用 Bootstrap 响应式），我发现只有页面顶部会显示，而且我根本无法滚动。

这两个问题似乎都与换行选项有关，该选项对页面做了一些奇怪的事情。

我修复它的方法是在页面中导入 jquery.address.js 文件时添加一些额外的参数：

<script type="text/javascript" src="/script/jquery-address/jquery.address.js?strict=false&wrap=false"></script>

注意 ?strict=false&wrap=false

这似乎对我有用:)
我希望它有帮助！

Answer 2

看看

$.address.wrap(value)

http://www.asual.com/jquery/address /docs/#api-reference

或者您可以使用 jquery animate 向上滚动。我之前所做的是设置滚动动画，然后更改 $.address.value。像这样：

$('a').click(function(e){
    e.preventDefault();
    var a = $(this);
    $('html').animate({ scrollTop: 0 }, 100, function () {
        $.address.value(a.attr('href'));
    });
});