Tag: 滚动

CSS：纯CSS滚动animation: 我一直在寻找一种方法来滚动下拉button，位于页面顶部使用CSS3只。所以我find了这个教程： http : //tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/ 演示： http : //tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/ 但是我的需求有点太高级了，因为我只想让浏览器在页面顶部的一个button上点击一下，所以我想知道：是否可以在没有inputbutton的情况下执行这些CSS滚动条有一个锚标签？ HTML看起来像这样： <a href="#" class="button">Learn more</a> 我已经有一些CSS，我需要点击button触发： /* Button animation tryout. */ .animate { animation: moveDown 0.6s ease-in-out 0.2s backwards; } @keyframes moveDown{ 0% { transform: translateY(-40px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } }

禁用iPhone Web应用程序中的滚动？: 有没有什么办法可以完全禁用iPhone网页应用程序的网页滚动？我已经尝试过在谷歌上发布大量的东西，但似乎没有工作。这是我目前的标题设置： <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/> <meta name="apple-mobile-web-app-capable" content="yes"/> document.body.addEventListener('touchmove', function(e){ e.preventDefault(); }); 似乎没有工作。

检测滚动方向: 所以我试图使用on scroll JavaScript来调用一个函数。但我想知道，如果我可以检测到滚动的方向，而不使用jQuery。如果没有，那么是否有任何解决方法？我想只是把一个'顶部'button，但如果我可以避免。我现在只是尝试使用这个代码，但它没有工作： if document.body.scrollTop <= 0 { alert ("scrolling down") } else { alert ("scrolling up") }

水平滚动网格视图: 我知道这是不可能的Android横向滚动网格视图。但我所做的是在水平滚动视图中dynamic添加图像button，如下所示： public class HorizontalScroller extends Activity { static int l=0; private Rect mTempRect = new Rect(); static int r1=0; static int t=0; static int b=0; static int x=0; static int y=0; //Button[] b1 = new Button[100]; ImageButton btn[][] = new ImageButton[10][10]; //ImageButton b1 = new ImageButton(this); /** Called when the activity is first created. […]

如何区分手动滚动（通过鼠标滚轮/滚动条）从一个JavaScript / jQuery滚动？: 更新：这是一个展示问题的jsbin例子。更新2：这里是固定的版本感谢fudgey 。基本上，我有以下的JavaScript滚动窗口到页面上的一个锚点： // get anchors with href's that start with "#" $("a[href^=#]").live("click", function(){ var target = $($(this).attr("href")); // if the target exists: scroll to it… if(target[0]){ // If the page isn't long enough to scroll to the target's position // we want to scroll as much as we can. This […]

平滑地滚动到页面上的特定元素: 我想在页面的开头有4个button/链接，在它们下面有内容。在button上，我把这个代码： <a href="#idElement1">Scroll to element 1</a> <a href="#idElement2">Scroll to element 2</a> <a href="#idElement3">Scroll to element 3</a> <a href="#idElement4">Scroll to element 4</a> 在链接下会有内容： <h2 id="idElement1">Element1</h2> content…. <h2 id="idElement2">Element2</h2> content…. <h2 id="idElement3">Element3</h2> content…. <h2 id="idElement4">Element4</h2> content…. 它现在正在工作，但不能使它看起来更光滑。我使用这个代码，但不能得到它的工作。 $('html, body').animate({ scrollTop: $("#elementID").offset().top }, 2000); 有什么build议么？谢谢。编辑：和小提琴： http : //jsfiddle.net/WxJLx/2/

如何在活动启动时滚动到ScrollView的底部: 我在ScrollView中显示一些数据。在活动启动（方法onCreate）我填充数据滚动视图，并希望滚动到底部。我试图使用getScrollView().fullScroll(ScrollView.FOCUS_DOWN) 。当我把它作为一个button点击的动作，但它不能在onCreate方法中工作。有什么办法如何将ScrollView滚动到活动启动的底部？这意味着视图在第一次显示时已经滚动到底部。

在Scroll上隐藏RecyclerView / ListView上的ActionBar: 在我的应用程序中，我得到了顶部的某种操作栏和下面的列表视图。我想要做的就是把它向上滚动到列表中，所以它隐藏起来，然后当列表向下滚动时，它应该向下滚动列表，就像它刚好在屏幕上边界一样。我怎样才能实现这个function？

IFRAME和iPad上的Safari，用户如何滚动内容？: 根据苹果iOS的口头禅，应该可以通过用两根手指来拖动IFRAME的内容。不幸的是，在iPad上运行iOS的最新版本，我还没有find一个网站的IFRAME滚动使用这种方法 – 没有滚动条出现。有谁知道如何用户应该滚动移动Safari的IFRAME的内容？

防止从元素滚动“冒泡”到窗口: 我有一个模式框窗口（popup），其中包含一个iframe，在iframe里面有一个可滚动的div 。当我滚动iframe的内部DIV，并达到其顶部或底部的限制，浏览器本身的窗口开始滚动。这是一个不想要的行为。我尝试过这样的事情，当主窗口滚动时，当鼠标进入popup框区域时鼠标进入： e.preventDefault（）不工作，因为它应该由于某种原因… $("#popup").mouseenter(function(){ $(window).bind("scroll", function(e){ e.preventDefault(); }); }).mouseleave(function(){ $(window).unbind("scroll"); }); 更新看起来像现在在2013 e.preventDefault(); 足够…