标签: scroll

我如何知道何时停止滚动Javascript

我怎么知道我什么时候停止使用Javascript滚动

非常感谢

javascript scroll dom-events

41
推荐指数
4
解决办法
5万
查看次数

我可以使用css或jQuery更改滚动速度吗?

在下面的例子中,我想降低div内容的滚动速度,特别是在使用鼠标滚轮时,因为一个滚轮刻度大约滚动div的高度.

是否有可能用CSS控制,如果没有,javascript(也许使用jQuery)?

.scrollable {
    width: 500px;
    height: 70px;
    overflow: auto; 
}
Run Code Online (Sandbox Code Playgroud)
<div class="scrollable">
    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci …
Run Code Online (Sandbox Code Playgroud)

css jquery scroll

41
推荐指数
4
解决办法
10万
查看次数

Vim慢慢地滚动

当我滚动时,Vim表现得很慢.当我连续按j/k时,光标会跳过一些线条.

我正在使用xterm和urxvt.在这两个vim行为中.

这在本地发生,包含小文件或大文件.我确实使用Control + F/B它们工作得很好.

编辑:ttyfast在小文件中做了伎俩,但更大的是相同的.在没有自定义的情况下运行时,它就没事了.

vim performance scroll

40
推荐指数
4
解决办法
3万
查看次数

WPF ListBox滚动到自动结束

在我的申请中,我有一个ListBox项目.该应用程序是用WPF编写的.

如何自动滚动到最后添加的项目?我希望在ScrollViewer添加新项目时将其移动到列表的末尾.

有什么事ItemsChanged吗?(我不想使用这个SelectionChanged活动)

wpf scroll listbox

40
推荐指数
8
解决办法
5万
查看次数

android:isScrollContainer有什么作用?

有谁知道做什么android:isScrollCOntainer = (boolean)$(View).setScrollContainer(boolean)做什么?

起初我认为这将是在ScrollView中设置View而不是使用ScrollView滚动的答案,但似乎并非如此.

在Android开发者身上,它说,

"如果视图将用作滚动容器,则设置此项,这意味着可以调整其大小以缩小其整个窗口,以便为输入方法提供空间."

任何人都可以解释这个描述的含义吗?
在这种情况下,什么是滚动容器?
什么样的输入法可用?

android scroll view

40
推荐指数
1
解决办法
3万
查看次数

滑动时防止touchstart

我在移动设备上有一个可滚动的列表.他们希望人们能够通过滑动滚动列表,并通过点击选择一行.

抓住了两者.如果您实际滚动列表,我不希望选择一行.这是我发现的:

滚动时不触发:

  • 点击
  • 鼠标松开

滚动时是否触发:

  • 鼠标按下
  • touchstart
  • touchend

简单的解决方案就是坚持点击事件.但我们发现,在某些黑莓设备上,touchstart之间存在非常明显的延迟,然后触发点击或鼠标.这种延迟足以使其在这些设备上无法使用.

所以这给我们留下了其他选择.但是,使用这些选项,您可以滚动列表而不触发您触摸的行以启动滚动.

解决此问题的最佳做法是什么?

javascript jquery scroll touch touch-event

40
推荐指数
4
解决办法
5万
查看次数

在页脚处停止固定位置

我正在寻找解决在页面页脚停止固定对象的流行问题的解决方案.

我基本上在屏幕的左下角有一个固定的"共享"框,我不希望它滚动页脚,所以我需要它停10px在页脚上方.

我在这里看到了其他问题以及其他问题.我能找到的最近/最简单的演示是http://jsfiddle.net/bryanjamesross/VtPcm/,但我无法让它与我的情况一起工作.

这是共享框的html:

    <div id="social-float">
        <div class="sf-twitter">
            ...
        </div>

        <div class="sf-facebook">
            ...
        </div>

        <div class="sf-plusone">
            ...
        </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

......和CSS:

#social-float{
position: fixed;
bottom: 10px;
left: 10px;
width: 55px;
padding: 10px 5px;
text-align: center;
background-color: #fff;
border: 5px solid #ccd0d5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: none;
}
Run Code Online (Sandbox Code Playgroud)

页脚是#footer,它没有固定的高度,如果这有任何区别.

如果有人可以帮助我为此创建一个简单的jQuery解决方案,我会非常感激!

javascript css jquery scroll fixed

40
推荐指数
4
解决办法
8万
查看次数

event.wheelDelta返回undefined

所以当我的灯箱打开时,我正试图在我的页面上禁用滚动,我发现这非常有用的脚本就是这样做的.(http://jsfiddle.net/mrtsherman/eXQf3/3/),不幸的是,当我在自己的页面上使用它时,它也禁止在我的灯箱中滚动.我开始使用警报调试代码,但发现event.wheelDelta在我的页面上返回"undefined",而在JSFiddle中,它返回-120.

javascript jquery scroll

40
推荐指数
3
解决办法
4万
查看次数

iframe滚动iOS 8

我有一个iframe,我需要它有一个滚动溢出.它似乎在桌面上工作,我使用了一个解决方案,使其在iOS中工作.它现在适用于Android和iOS.但是,iOS8失败了.

    <html>
    <body>
    <style type="text/css">
      .scroll-container {
       overflow: scroll;
       -webkit-overflow-scrolling: touch;
      }
     #iframe_survey {
      height: 100%;
     }

    .scroll-container {
     height: 100%;
     width: 100%;
     overflow: scroll;
     }
   </style>

   <div class="scroll-container scroll-ios">
   <iframe id="iframe_survey" src="www.iframe.com" style="border:0px #FFFFFF none;" name="myiFrame" frameborder="0" marginheight="0px" marginwidth="0px" width="100%"></iframe>
   </div>
   </body>
Run Code Online (Sandbox Code Playgroud)

iframe scroll overflow ios8

40
推荐指数
4
解决办法
8万
查看次数

在RecyclerView的滚动上隐藏FloatingActionButton

我想隐藏/显示FloatingActionButton滚动RecyclerView.

我的XML布局:

<android.support.design.widget.CoordinatorLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent" >

            <android.support.v7.widget.RecyclerView
                android:id="@+id/recyclerview_eventlist"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />

            <android.support.design.widget.FloatingActionButton
                android:id="@+id/fab_createevent"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="@dimen/fab_margin"
                app:layout_anchor="@id/recyclerview_eventlist"
                app:layout_anchorGravity="bottom|right|end"
                app:layout_behavior="com.eventizon.behavior.ScrollAwareFABBehavior"
                android:src="@drawable/ic_edit"
                app:backgroundTint="@color/custom_color_1"
                app:borderWidth="0dp" />
        </android.support.design.widget.CoordinatorLayout>
Run Code Online (Sandbox Code Playgroud)

DrawerLayout是此布局的父布局.

    public class ScrollAwareFABBehavior extends FloatingActionButton.Behavior {


    private static final String TAG = "ScrollAwareFABBehavior";

    public ScrollAwareFABBehavior(Context context, AttributeSet attrs) {
        super();
        Log.e(TAG,"ScrollAwareFABBehavior");
    }

    @Override
    public void onNestedScroll(CoordinatorLayout coordinatorLayout,
            FloatingActionButton child, View target, int dxConsumed,
            int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
        // TODO Auto-generated method stub
        super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, …
Run Code Online (Sandbox Code Playgroud)

scroll floating-action-button android-recyclerview android-coordinatorlayout

40
推荐指数
5
解决办法
4万
查看次数