我已经构建了一个基于ajax的网站,该网站利用地址jquery插件实现后向按钮浏览器兼容性。但是,由于页面是通过ajax页面提取的,因此常规页面刷新并不明显,而且在用户导航等方面相当迷惑。用户点击链接,ajax获取页面,虽然成功并且页面在屏幕上获取,但屏幕不会在顶部页面特别是当窗口较长并且单击链接位于源页面的最底部时。好像什么都没有改变。我试图使用scrollTo插件,但测试时的窗口scrollTop值始终为0和0,删除地址插件现在读取scrollTop值。
有没有人遇到同样的问题?
提前谢谢!
答案 0 :(得分: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'));
});
});
答案 1 :(得分:0)
我有完全相同的问题,尝试了几种方法滚动到顶部,我最终删除滚动到顶部按钮。
现在我一直用iphone测试我的网站(使用bootstrap响应),我发现只显示页面顶部,我根本无法滚动。
这两个问题似乎与wrap选项有关,它对页面做了一些奇怪的事情。
我做的是修复它是在页面中导入jquery.address.js文件时添加一些额外的参数:
<script type="text/javascript" src="/script/jquery-address/jquery.address.js?strict=false&wrap=false"></script>
注意?strict = false&amp; wrap = false
这似乎对我有用:) 我希望它有所帮助!