草庐IT

scroll-view滚动条

全部标签

javascript - 使用 javascript 或 jquery 水平滚动 div onclick

过去两天我一直在为此寻找一个简单的javascript或jquery代码。我想合并一个使用javascript或jquery的水平滚动div来显示我的网络作品集工作页面的图像和描述性文本。它的功能与这里显示的glide-onclick滚动非常相似:http://www.dyn-web.com/code/scroll/demos.php#horiz不幸的是,代码许可证是40美元,而我是一个破产的学生。在加载页面时,将显示三个投资组合图像。额外内容隐藏在右侧的溢出部分中。点击左箭头(我可以创建),一个新的图像幻灯片从右侧进入View。单击右箭头会将其送回溢出。我不需要滚动条,只需要控制幻灯

javascript - 整页水平滚动问题

整页滚动还有其他替代方法吗?整页滚动示例http://jscrollpane.kelvinluck.com/fullpage_scroll.htmlstep-1通过点击Restoredown按钮使窗口宽度变小。step-2向右滚动现在第3步,通过单击“最大化”按钮使窗口宽度变大。现在,页面左对齐jQuery$(function(){varwin=$(window);win.bind('resize',function(){varcontainer=$('#full-page-container');container.css({'width':1,'height':1});contai

在 Firefox 中使用平滑滚动进行慢速滚动的 Javascript 解决方法

我是网络应用程序的开发人员。在这个应用程序中有一个特定的场景,其中有多个position:fixed元素、canvas和一个overflow:scroll元素。在这种情况下,当启用平滑滚动时,Firefox上的滚动速度非常慢。从用户的Angular来看,解决方案就是禁用平滑滚动。但是,作为开发人员我不能确保用户已经这样做了。有什么地方可以告诉firefox不要从javascript(或html)为我的网站使用平滑滚动?或者是否有任何其他已知的解决方法? 最佳答案 我明白您的问题基本上是如何禁用平滑滚动。但是,为了使它正常工作,我会以

javascript - 可以使用 hammer.js 平移事件并仍然允许用户滚动吗?

我有一个UI,用户可以在其中滚动水平滚动区域。我仍然希望它们能够左右滚动,但我想触发Hammer.jspanevent同时。这是我目前的代码:varworksHammertime=newHammer(scrollingArea);worksHammertime.on('pan',function(ev){if(ev.direction===2){log('left',ev)Dothings...}else{log('right',ev)Dothings...}});从本质上讲,我认为我正在寻找与Hammer默认使用的preventDefault()行为相反的方法。可以使用hammer.

javascript - 全日历 v2 : How to maintain the same scroll time when navigating weeks?

在Fullcalendar2上,当我在周之间导航时,我想在垂直滚动中保持相同的时间范围。例如,在下面的图片中,我最初查看的时间是中午12点到下午3点。但是当我按下一个箭头转到下一周时,它会在早上8点重置。我知道我可以更改默认开始时间scrollTime:"08:00:00",但我如何才能使垂直时间范围“固定”到我所处的位置? 最佳答案 不幸的是,这不是内置功能。有一个解决方法,但是当您转到上一周/下一周时,总会有一点点闪烁。varscroll=-1,viewNames=['agendaWeek','agendaDay'];$('#c

javascript - 我在哪里可以找到像 facebook 这样的滚动条插件?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我正在寻找一个滚动条插件(js、jquery等),就像它们在Facebook的右上角面板上显示的那样,用于我们friend的最新直播。我在哪里可以找到它?

javascript - 保存模型时更新主干 View

我有以下场景-window.Wine=Backbone.Model.extend({urlRoot:'/wines'});window.WineCollection=Backbone.Collection.extend({model:Wine,url:"/wines"});我有一个模型和定义的相应集合。window.WineListView=Backbone.View.extend({el:'#wineList',initialize:function(){this.model.bind("reset",this.render,this);this.model.bind("add",f

javascript - 如何在 React 组件上设置 -webkit-overflow-scrolling 内联样式

我正在为React组件使用内联样式。它们可以定义如下。conststyle={position:'absolute',left:0,right:0,bottom:'7.5%',top:'5.2rem',overflowY:'auto',},它与css有一些语法上的不同,比如css中的'overflow-y'应该在内联样式中设置为overflowY。现在我想知道如何将这种样式-webkit-overflow-scrolling设置为react中的内联样式?我已尝试以下设置,但均无效。WebkitOverflowScrolling:'touch','-webkit-overflow-scr

javascript - Knockout JS - 为什么所有示例都只包含 ViewModel/View 而没有 Model

我正在查看大量可用的KnockoutJS文档,但它似乎并不像我预期的那样遵循MVVM模式(在查看维基百科对MVVM的定义时)。在所有示例中,它们似乎都显示了ViewModel和View的源代码,但是从来没有模型,现在看来模型应该包含的大部分功能(保存/检索数据表示)都放在View模型。我认为也许ViewModel实际上更类似于模型,而您可以免费获得的绑定(bind)层是ViewModel,因为它负责所有绑定(bind)...所以我想知道我是否遗漏了什么?因为我现在有一个关于我的UI逻辑应该去哪里的问题,即添加水印、Inter-View聊天等,我还没有真正得到一个可靠的答案,所以想确认我

javascript - 任何 View 模型 dom 更新的 Knockout JS 事件

每当通过Knockout.JS更新DOM时,我需要运行一段jqueryui代码。我意识到这可以使用自定义绑定(bind)来完成,但这似乎与特定的View模型有关,我想在全局范围内进行,所以每当它发生在它触发的任何View模型上时?假设我总是希望在所有带有“needsdate”类的文本框上使用JQuery日期选择器,而不是将其添加到我的每个View模型中,如果我可以在全局范围内这样做就太好了。这可能吗? 最佳答案 如果您不打算动态添加/删除元素,那么您可以像往常一样将它们连接起来。但是,如果您正在处理动态内容(例如使用修改了其项目的o