标签: scroll

现在我正在使用这个:

$('#go-to-top').each(function(){
  $(this).click(function(){ 
    $('html').animate({ scrollTop: 0 }, 'slow'); return true; 
  });
});

这在Chrome中不起作用,在Opera中我得到一个小闪烁:浏览器立即滚动到顶部,然后回到底部,然后它开始慢慢地滚动回顶部,就像它应该的那样.

有一个更好的方法吗？

我正在试图找出如何在页面加载时自动滚动页面到特定的div.我已经尝试使用jQuery滚动功能,但无法正常工作.有什么建议？

以下是我到目前为止所尝试的内容:

jQuery(function() {
jQuery(window).scrollTop(jQuery('.container').offset().top);
});

如何使用Javascript滚动窗口或网页？基本上,我想将网页向下移动一定数量的像素,使用Javascript有没有办法做到这一点？

我有一个带有固定高度div的HTML页面,它应该是可滚动的(只能垂直).在iOS 5中,这可以通过以下方式实现:

overflow-y: auto;
-webkit-overflow-scrolling: touch;

该DIV包含约10个项目的无序列表.

滚动有效,但有时它只有在我对角线或甚至水平滑动手指而不是垂直滑动时才会滚动.

我想知道是否有人遇到过这个问题.我不想认为它是iOS5中的一个错误,但我无法弄清楚我做错了什么,因为大多数时候它工作正常.

我正在尝试创建一个页面,它是一个无休止的滚动循环上下.

目前我正在使用jquery将内容从页面顶部重新定位到底部.当你向下滚动时,这会创建一个漂亮的无缝循环,但我希望它在用户向上滚动时也可以工作.

问题似乎是即使内容位于页面上的负垂直空间中,滚动也不会延伸到该空间.据我所知,没有办法覆盖这个,所以我正在寻找一些类型的工作.

我有使用javascript来禁用滚动和使用滚动事件来重新定位元素的想法,但是页面上已经有很多绝对定位的元素和动画,所以我担心采取该路线的性能.

还有其他什么？

我希望我ExpandableListView在用户展开组时自动滚动,以便展开的组标题位于屏幕顶部.我试过了smoothScrollToPosition,但这只是确保扩展组在屏幕上的某个位置可见.我想明确滚动它,以便扩展组位于顶部,如下例所示:

Before expanding Group 3:                After expanding Group 3:

+=================+                      +=================+
| Group 1         |                      | Group 3         |
+-----------------+                      +-----------------+
| Group 2         |                      |   Grp 3 Child 1 |
+-----------------+                      +-----------------+
| Group 3         |                      |   Grp 3 Child 2 |
+-----------------+                      +-----------------+
| Group 4         |                      | Group 4         |
+=================+                      +=================+

我有三个div.我需要修复标题和left_side divs以及滚动内容div.我一直在寻找解决方案,并找到了溢出和位置的东西.但我无法核心使用它.我怎样才能做到这一点？我会感谢各种答案.

  HTML
------
<div id="header">

</div>

<div id="left_side">    
</div>

<div id="content">
</div


CSS
-----
body {   
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0px auto;
    font-family: Calibri, Georgia, Ubuntu-C;  
    font-size: 16px;
    margin-bottom: 20PX
}

#header{
    width: 100%;
    height: 139px;
    background-image: url('images/Header_grey.gif');   
}


#left_side{
    width: 210px;
    height: 700px;
    background-image: url('images/Left_side.gif');
    background-repeat:repeat-y;
    overflow:hidden; 
    position:absolute;
    font-size: 16px;
}

#content{
     height: auto;
     padding: 20px;
     margin-left: 230px;
     margin-right: 20px;
    padding-bottom: 30px
 }

我正在研究Google plus Android应用程序并想知道他们是如何在个人资料视图中实现滚动效果的,我在网上搜索了2天并没有找到任何关于此的教程,任何人都不知道我在说什么可以查看我在Nexus 7上拍摄的屏幕截图.

现在我的好奇心是知道如何达到这个效果,任何有想法的人都会引导我.

我不明白为什么scrollTop()jquery函数不能在Firefox上的'body'元素上工作.

$('body').scrollTop(0);

我修复了我的问题:

$(window).scrollTop(0);

但是根据jquery文档,scrollTop()应该适用于此示例中的所有元素:

$( "div.demo" ).scrollTop( 300 );

我还测试了'nav'和'main',但它也没有用.

我在Nexus 5x(7.1.2)和Google Pixel(7.1.1)上使用NestedScrollView时遇到了一个奇怪的问题.在其他操作系统版本上它运行正常.

举起动画有时会在举起手指后立即停止.它会停滞不前,接下来的几次飞行也可能会停止.为了重现它,你需要上下几次投掷.

在日志中,这些flings在速度,方向等方面看起来几乎相同,所以我找不到这个bug的真正原因.

也NestedScrollView并不一定需要的内部CoordinatorLayout,也可以没有NestedScrollingChild在所有.

例如,此错误可以使用以下NestedScrollView子项之一重现:

1)LinearLayout填充TextViews

2) WebView

3)LinearLayout填充RecyclerViews.

我知道RecyclerView内部和行为的可能问题CoordinatorLayout,但它没有关系.所以请不要提及任何

recyclerView.getLayoutManager().setAutoMeasureEnabled(true);
recyclerView.setNestedScrollingEnabled(false);

或类似的东西.

代码示例:

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:text="Put a super long text here"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:text="Put a super long text here"/>

    </LinearLayout>

</android.support.v4.widget.NestedScrollView>