标签: scrolltop

我正在使用以下内容滚动到<li>无序列表中的最后一个:

$("html,body").animate({scrollTop: $('ul#cart-items li').offset().top});

如何更改此选项以滚动到<li>无序列表中的最后一个,但也从顶部偏移约30px？

首先,我要指出,我GOOGLE了,甚至看了看这里像回答这个和这个,但是,我还是没有找到我的情况下工作的解决方案.

我设计了一个页面,其中有几个固定元素覆盖页面,并使html5/css3在主文档上创建一个干净的"蒙版",从而允许主体滚动条仍然滚动底层内容.

在firefox和ie(bleh)中,scrollTop(0)工作正常.但是,正如问题所述,在我喜欢的浏览器中并没有那么多.

我记下的一件事是在scrollTo事件之前和之后调用以下内容

$("body,html,document").each(function(){ console.log($(this).scrollTop()); });

结果并不令人满意,它告诉我,scrolltop已经是0,因此甚至没有尝试使用scrollTop,或者至少那是我迄今为止"想到的".

在你问之前,我在这3个项目中的每个项目都进行了控制台调用,因为文档scrolltop应该被覆盖在其中一个项目中(我会想到身体,但是就像你必须调用html一样)

任何关于想法的人？

仅供参考,它可能是一个古怪的CSS(寿它是如何工作的IE浏览器,而不是铬我真的无法理解),但我已经尝试用下面的负面结果:

$(window).scrollTop(0);
$(document).scrollTop(0);
$("html").scrollTop(0);
$("body").scrollTop(0);
window.scroll(0,0);
$("body,html,document").scrollTop(0);
$("body,html").scrollTop(0);

我想这扩展了我的问题,这是一个CSS问题吗？我没有外部链接,代码太长(用CI视图Partials制作)发布所有内容,但要澄清我做了什么:

• 修复了页眉,页脚和侧边栏,使内容与文档滚动条一起滚动
• 到目前为止实现的javascript或jquery非常少,在预定元素的固定位置之外几乎有0个自定义css
• "内容"是基于单边栏导航器中单击的列表项使用jQuery的.load函数的ajax

临时小提琴不再起来

有谁知道将NSScrollView滚动到顶部的正确方法？我正在寻找UIView的scrollToTop方法的等价物.

这是我到目前为止所做的,但在所有情况下都不太正确

[self.contentView scrollToPoint:NSMakePoint(0, MAX(contentView.frameHeight, ((NSView*)self.documentView).frameHeight))];

我有一个父div和div列表.
在parrent div中,我还在父div的顶部添加了固定定位div.
根据我打电话的一些动作:

$('#parent').animate({       
                    scrollTop: $("#" + itemId).offset().top  - $('#parent').offset().top + $('#parent').scrollTop()
                     }, 500);

这成功滚动到div并将其置于顶部.
问题是,当搜索div位于顶部时,我看不到它,因为它低于固定div.

<div id="parent">
<div id="fixedDiv" style="position: fixed;
z-index: 999;
background: #000;
width: 300px;">
... some elements ...
</div>
<ul>
... list of divs...
</div> 

是否有一些解决方案可以滚动到从父级顶部填充的div？

我正在使用带有自动向下滚动的tableView的应用程序,因此点击状态栏(通常会跳到表格的顶部)会导致问题(它开始滚动但是如果自动滚动滴答,它会停止并离开它在中间的某个地方).

我要么禁用它,要么至少推出一些代码,当它被点击暂时暂停计时器,然后当它到达顶部时恢复它.

有没有办法实现这两件事？

如果它大于100,我该如何测试它.例如,我如何获得警报.

这是我的代码不起作用,我不知道为什么.

var ScrollTop = $("body").scrollTop();

if (ScrollTop > 100){
    alert("Scroll is greater than 100");
    //document.getElementById('back-to-top').fadeOut;
}

让我的jquery手风琴做我想做的事情有点问题.

我总是希望点击的标签从页面顶部滚动到固定数量的像素,我有点工作.但是,只要活动选项卡位于单击的选项卡上方,并且页面已经向下滚动一点,所单击选项卡的顶部和部分内容就会向上滚动超过页面顶部.

这就是我得到的:

$(function() {
    $("#accordion").accordion({
        autoHeight: false,
        collapsible: true,
        heightStyle: "content",
        active: 0,
        animate: 300
    });
    $('#accordion h3').bind('click',function(){
        theOffset = $(this).offset();
        $('body,html').animate({ 
            scrollTop: theOffset.top - 100 
        });
    });
});

这是一个解释我的问题的小提琴,

例如,展开"第2部分",向下滚动并单击"第3部分"选项卡,它将全部滚动到页面外,其他方式可以正常工作.

如果在打开一个新选项之前关闭活动选项卡它也可以正常工作,所以我假设这与崩溃选项卡的高度有关,这会使滚动到顶部功能!？

希望有人可以提供帮助,我可能会采取错误的方法.我真的不知道我在做什么,因为我的jquery技能仅限于基本的切割粘贴理解!^^

在此先感谢,所有的帮助和指针区域更受欢迎!:)

干杯

我有一个div,里面有很多元素,而且overflow: scroll.然后我希望能够在视图中滚动第n个元素.我设置了一个小提琴,但我找不到表达式来获取相对于父元素的元素位置.

http://jsfiddle.net/bortao/NXcTK/

我试过了两个el.position().top,el.offset().top但他们没有工作.

注意:h / 2因此元素位于div的中间.

<script>
document.getElementById('listen-btn').addEventListener('click', function() {
    document.getElementById('music-player').play();
});

<script>
    $(window).scroll(function() {
        if($(window).scrollTop() > 1400)
        document.querySelector('#music-player').pause();
    });
</script>

该按钮启动音频播放器并滚动到音频播放器可见的部分.当您滚动下一部分时,音频播放器会在您滚动1400后停止,但我需要它是相对的.如何让1400百分比(50%)

我想经常使用从JSON REST API中提取的新数据更新我的数据表(Covalent td-data-tablewith several ng-template).比浏览器更多的行,因此用户可能需要垂直滚动.但是当我更新表格中的数据时,它会完全重绘,即垂直滚动位置重置到顶部,工具提示闪烁等等.

黑客可以保存/恢复垂直滚动,例如下面的工作,但是它们会造成很多视觉混乱,特别是在Firefox中.

// save vertical scroll
this.scrollTop = this.tableElt.nativeElement.querySelector('.td-data-table-scrollable').scrollTop;

// update table data here
this.data = newData;

// restore vertical scroll
setImmediate(() => {
    this.tableElt.nativeElement.querySelector('.td-data-table-scrollable').scrollTop = this.scrollTop;
  }
});

如何干净地更新表格(或任何组件)中的数据,而不是黑客重置滚动位置并忍受大量闪烁行为？

如果没有使用Covalent数据表的解决方案,是否有另一个Angular 2+控件可以正确处理？

问题的动画捕获:数据更新时垂直滚动快照.应跨数据更新维护垂直滚动.