我创建了一个关于我离线创建的过滤器的粗略概念。
基本上是过滤器或"更新行"如果可用,部分显示红色,蓝色或绿色。可以是任何结果的组合(即,只是蓝色和绿色)我有一个div始终位于顶部。因此,当查看蓝色部分时,它位于该行上方(固定在顶部)。
如果我选择了过滤器,定位就会丢失,因为有时行不会从上面出现行,或者下面的行可能不再存在。我的问题是。如何在点击下方获取行名称,然后使用该名称在其他所有内容完成后滚动到该名称。当然,如果它不存在,那么只需登上table_listing。
success: function(data, textStatus, XMLHttpRequest) {
jQuery('#table_listing').hide().html(data).fadeIn('slow'); // put our list of links into it
$('html, body').animate({
scrollTop: $("#table_listing").offset().top
}, 1000);
答案 0 :(得分:0)
我创建了一个工作示例HERE。
因此,我们的想法是使用$(document).scrollTop()
来查找页面滚动的程度。然后将它与div的高度进行比较,找到我们所在的高度。然后我们以动态方式将其存储在变量中。当用户单击过滤器按钮时,我们知道之前的位置,因此我们可以回滚到该元素。检查控制台以查看结果。由于scroll()
事件仅绑定到用户手动滚动,因此它不会像您想要的那样受到滚动动画的影响。