草庐IT

android - 可滚动的 Recyclerview 水平和垂直景观

全部标签

javascript - 如何在 Facebook Canvas 框架内捕获滚动事件?

当用户滚动facebook应用程序的Canvasiframe时,我正在尝试捕捉。我试过:$(window).scroll(...)$(document).scroll(...)$(parent).scroll(...)$(parent.document).scroll(...)但它不会触发。 最佳答案 我认为您的意思是在用户滚动主页时​​捕获,而不是iframe,对吗?您不能直接这样做,您必须使用FB.Canvas.getPageInfo,如http://developers.facebook.com/docs/reference/

javascript - 如何解决在 JavaScript 中使用视差效果滚动时元素闪烁?

我正在尝试使用JavaScript重新创建具有视差效果的网站。这意味着我有两层或更多层,它们在滚动时以不同的速度移动。在我的例子中,我只移动一层,另一层保持静止:第1层=网站文本;第2层=元素背景;为此,我使用简单的源代码(使用jQuery1.6.4):vardocwindow=$(window);functionnewpos(pos,adjust,ratio){return((pos-adjust)*ratio)+"px";}functionmove(){varpos=docwindow.scrollTop();element.css({'top':newpos(pos,0,0.5)

javascript - jQuery 窗口滚动事件。每滚动 XX 像素

我正在为一个项目使用出色的jQueryReel插件(http://jquery.vostrel.cz/reel)。我想绑定(bind)到窗口滚动事件,所以当用户向下滚动页面时,插件前进1帧,也就是说每滚动10像素,如果用户向上滚动,动画就会反转。该插件有一些方法,我可以毫无问题地将值传递给它,而且我知道如何绑定(bind)到窗口滚动事件。我正在挣扎的是最后一个。我如何使用jQuery/JavaScript表示在任何垂直方向上每滚动10个像素在动画中前进1帧?我知道我可以将窗口滚动存储在一个变量中,但我不确定每次它达到10的倍数时如何提前一帧。非常感谢。编辑感谢以下用户的帮助,我制定了解

javascript - 限制 'mousewheel' 增量每次滚动触发一次

我在下面使用下面的代码,在不同的方向滚动两个div()但我很想知道你是否可以限制滚动,这样它每次滚动只触发一次(而不是不断滚动并发送我的函数进入无限循环。$('.page-left,.page-right').bind('mousewheel',function(event,delta){varwindowHeight=$(window).height();if(delta0){nextProject();}});你可以看到我在这里:http://dev.rdck.co/lyonandlyon/提前致谢,R供引用的动画功能:varprevProject=function(){//upa

javascript - 将元素带到页面顶部,即使页面不滚动

背景:假设您有一个简单的页面,其中只有一个Logo、一个标题和一个段落FooBarABC12345是这样的该页面显然不会有垂直溢出/滚动条,即使是微型移动设备,更不用说计算机了。问题除非有人向上滚动,否则如何将标题移至屏幕左上角并将Logo移出焦点?开放使用任何JavaScript库和任何CSS框架尝试:尝试使用anchor,但只有当页面已经有滚动条并且anchor不在焦点时它们才有效。尝试过window.scrollTo但这也要求页面已经滚动尝试过$("html,body").animate({scrollTop:90},100);但是当页面没有溢出时这也不起作用注意事项:请注意,添

javascript - 水平滚动新闻滚动条用 JS 或 JQuery 有什么好用的

我正在寻找一些JQuery或JS来生成水平滚动的“新闻行情”列表。生成的HTML也需要符合标准。我试过了liScroll但这有打破习惯的习惯(有些内容在滚动开始时出现在第二行),尤其是对于较长的列表。我也试过thisNewsTicker但是当包含DOCTYPE时,滚动将在每个循环结束时颠簸而不是平稳循环。如有任何建议,我们将不胜感激。编辑感谢MattHinze的建议,我意识到我可以用JQueryanimate做我想做的事情(我需要连续滚动而不是像示例那样离散滚动)。但是,我很快遇到了与我在使用liScroll时遇到的问题类似的问题,毕竟我意识到CSS问题(一如既往)是负责任的。解决方案

javascript - 当用户滚动时沿着曲线路径移动元素

我正在尝试创建一个页面,在该页面中,当用户滚动时,火箭会沿着预定路径蜿蜒向上(页面将在底部加载)。我可以使用类似jQuery.path的方式为路径上的元素设置动画并使用SVG的animateMotion,但我无法完全找出一个解决方案,让元素在用户滚动时沿着该路径移动。jQuery滚动路径并不是我想要的,因为它将元素移动到页面的中心。我在TEDxGUC上看到过网站,当您向下滚动时,他们会沿着弯曲的路径移动苹果。我可以看到他们正在使用Raphael.js和“沿路径的动画”扩展,但我仍然无法理解他们实际上是如何实现它的——我还不是一个JS忍者。非常感谢任何指向正确方向的指示!编辑对于仍然对这

javascript - 单击导航 slider 时,有没有办法禁用自动滚动的光滑 slider ?

我需要使用slidersyncing功能(可以在这里看到http://kenwheeler.github.io/slick/当你向下滚动一点时),但是,正如我们所看到的,当你点击导航幻灯片时,整个导航会进一步自动滑动,我想禁用此功能以便主幻灯片发生变化,但导航保持在同一级别,直到我单击next或previous箭头。是否有相应的设置,或者我是否必须更改核心才能实现此目的?jsfiddlehttp://jsfiddle.net/9kp36e09/-所以现在如果你点击导航,它会滚动,我想禁用滚动。 最佳答案 好吧,它不在文档中,但我通过

javascript - 在下拉菜单上使用箭头键滚动 - vuejs

我正在用vuejs构建一个自动完成组件。而此刻我卡在了滚动动画中。目的是点击方向键随着键的方向滚动,但只有在选项不可见时才执行滚动。我想要这种东西,但是在vue/javascript中。-http://jsfiddle.net/kMzR9/3/如果由于屏幕很小而看不到我在这里留下的示例中的问题,这里是jsfiddle-https://jsfiddle.net/v7yd94r5/这是我所拥有的示例。constAutocomplete={name:"autocomplete",template:"#autocomplete",props:{items:{type:Array,require

javascript - Chrome 开发者工具 |呈现为 HTML 时预览 Pane 中的滚动问题

在ChromeDevTools的Network面板中,将过滤器请求类型设置为All/XHR,PreviewPane下的滚动条(垂直和水平条)不滚动为了克服上述情况,我采用了以下两种方法:由于这两种方法都遵循相同的方法,将DevTools停靠到一个单独的窗口中,然后按F12或按CTRL+SHIFT+我在DevTools内部检查—Inspect-in-Inspect(即嵌套检查)第一种方法:检查预览iframe,您将能够看到.html-preview-frame有一个pointer-events属性设置为none。禁用pointer-events属性或将其设置为auto滚动功能将恢复,直到