如果仍存在,则根据基础div获取固定头寸

时间:2016-01-20 23:05:25

标签: javascript jquery position

我创建了一个关于我离线创建的过滤器的粗略概念。

基本上是过滤器或"更新行"如果可用,部分显示红色,蓝色或绿色。可以是任何结果的组合(即,只是蓝色和绿色)我有一个div始终位于顶部。因此,当查看蓝色部分时,它位于该行上方(固定在顶部)。

如果我选择了过滤器,定位就会丢失,因为有时行不会从上面出现行,或者下面的行可能不再存在。我的问题是。如何在点击下方获取行名称,然后使用该名称在其他所有内容完成后滚动到该名称。当然,如果它不存在,那么只需登上table_listing。

I'm lookin

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);

1 个答案:

答案 0 :(得分:0)

我创建了一个工作示例HERE

因此,我们的想法是使用$(document).scrollTop()来查找页面滚动的程度。然后将它与div的高度进行比较,找到我们所在的高度。然后我们以动态方式将其存储在变量中。当用户单击过滤器按钮时,我们知道之前的位置,因此我们可以回滚到该元素。检查控制台以查看结果。由于scroll()事件仅绑定到用户手动滚动,因此它不会像您想要的那样受到滚动动画的影响。