1

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

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

先感谢您！

4

2 回答 2

1

看一眼

$.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'));
    });
});
于 2010-09-16T15:25:44.527 回答
0

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

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

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

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

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

注意 ?strict=false&wrap=false

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

于 2013-05-17T14:24:50.877 回答