草庐IT

scroll-view滚动条

全部标签

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

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

javascript - 如何在加载 View 之前检查 JSF 资源是否存在

在使用JSF的项目中,我们有位于此处的JavaScript文件:MyProject/view/javascript/*.js在xhtml文件中,我将这些资源包含为这工作正常,但#{myBean.jsFileName}.js可能不存在,在这种情况下我想加载“Default.js”。在myBean(或xhtml文件本身)中,如何在设置#{myBean.jsFileName}值之前首先检查js文件的存在?我试过这个的变体:Filef=newFile("javascript/myFile.js");if(!f.exists){jsFileName="Default"};但我认为那是不对的。我走

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

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

javascript - React.addons.TestUtils.Simulate.scroll 不工作

我正在尝试使用ReactJS和JSDOM模拟滚动事件。最初我尝试了以下方法:varfooter=TestUtils.findRenderedDOMComponentWithClass(Component,'footer');footer.scrollTop=500;TestUtils.Simulate.scroll(footer.getDOMNode());//Itriedthisaswell,butnoluck//TestUtils.Simulate.scroll(footer);根本不会传播滚动事件。然后,我手动创建了事件并且一切正常:varevt=document.createE

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滚动功能将恢复,直到

javascript - jscrollpane block 滚动父级

我可以让jscrollpne使父Pane即使在子滚动到达底部时也不会滚动吗?现在,当子滚动到达底部时,父滚动发生。我希望只有当鼠标不在子滚动Pane中时父滚动。 最佳答案 您描述的行为是设计使然。这就是native浏览器滚动条在具有overflow:auto的元素上的行为方式。我不建议更改它。但是,如果您希望Borgenk的答案是正确的,您可以使用以下代码:$('.scroll-pane').jScrollPane().bind('mousewheel',function(e){e.preventDefault();});在这里看一

javascript - “滚动”事件未在 CompositeView 中触发

我看到了Capturescrolleventondiv票,但解决方案不一定适合我。我有一个通过CompositeView呈现集合的JSFiddle,但无法触发滚动事件(构建无限滚动):http://jsfiddle.net/franklovecchio/FkNwG/300/.如何让scroll正确触发? 最佳答案 第一个滚动事件仅适用于溢出的元素:scroll/auto。在您的情况下,它是#region-content而不是#container。但是修复事件的选择器将不起作用,因为Backbone使用jquery.delegate(

javascript - 大背景图像导致滚动时滞后

我正在构建的网站有4个大背景图像,它们占据了用户浏览器的整个高度和宽度。它们作为CSS背景div实现。问题是,在较大的屏幕尺寸上滚动时,它非常滞后和不稳定。当用户按下按钮时,这些图像之间的滚动是通过JavaScript自动完成的,因此这是我网站核心功能的一部分,我必须找到一种方法来防止延迟。到目前为止,我已尝试通过JS预加载图像并将图像从PNG转换为JPEG(增加压缩并降低质量)服务器端。这些都不起作用。图像的最小高度可以是630像素。在各部分之间滚动时如何防止延迟?这是我的代码:CSS:body{height:100%;margin:0px;font-family:Helvetica

javascript - 水平滚动的 Css 位置固定但垂直滚动

我有如下三个div:现在我需要做的是保持#left和#right固定用于水平滚动和滚动#center。这适用于#left和#right的cssposition:fixed。但问题是,当我垂直滚动html页面时,我需要所有div的,即#left、#center和#right滚动。这是行不通的。请任何人帮助我如何做到这一点,以便#left和#right与#center一起垂直滚动,并在水平滚动时保持固定。我不知道如何使用css来完成它并让它工作。 最佳答案 试试这个链接,它使用一个名为scrollspy的插件来做这些事情。很简单...h