草庐IT

scroll-view滚动条

全部标签

javascript - Backbone : How to update a collection view when collection changes?

我对Backbone.js比较陌生。我正在初始化一个CollectionView并在创建时传入一个集合。suggestionsView=newTreeCategoriesAutoSuggest.Views.Suggestions({collection:newApp.Collections.Suggestions(this.getSuggestions(query))});然后我渲染CollectionView。每次用户在文本框中输入查询时,都会重新生成集合并使用以下方法将其分配给CollectionView:suggestionsView.collection.set(this.ge

javascript - 防止滚动子元素在 Angular 2 中传播

这是经典。您有一个父元素和一个子元素。子元素是绝对定位的,您希望用户滚动浏览其内容。但是,当您到达子元素的底部时,父元素(也允许有滚动条)开始滚动。这是不可取的。我想重现的基本行为是纽约时报的评论部分。对于example:正文允许向下滚动,但是当您位于评论部分的底部时,向下滚动不会执行任何操作。我认为这种情况下的主要区别在于,当光标位于body元素上时,我想让用户向下滚动。其他方法需要向主体添加一个类以防止主体中出现任何滚动事件。我以为我可以在Angular2中使用一些Javascript来做到这一点,但这是我迄今为止失败的尝试:我的子组件中有一个自定义指令:并且该指令应该停止将滚动事

javascript - Chrome 浏览器自动向下滚动内容(当没有人要求时)

我们有丰富的页面,其中有一个包含动态内容的小块。直到最近,一切都运行良好。现在Chrome浏览器以某种方式“捕获”页面上的一个div并向下滚动整个内容。这很难用语言解释,但更容易证明。这是测试页。只需在Chrome中打开它,然后向下滚动一点,这样蓝色框之一就会位于视口(viewport)的最顶部边框上。当蓝色框停留在同一位置时,您会看到所有内容(数字1、2、3..)都在自行滚动。在这个简单的示例中,它可能看起来合乎逻辑,但考虑到动态block只是页面上的许多block之一,并且没有理由滚动整个内容,因为block内发生了一些变化。1234567891011121314151617181

javascript - 用 javascript 覆盖浏览器 CTRL+(WHEEL)SCROLL

在大多数Linux浏览器中,CTRL+(WHEEL)SCROLL允许用户通过放大或缩小所有元素的大小来放大和缩小页面。现在我想覆盖此行为并通过应用仿射变换让CTRL+WHEEL放大我拥有的SVG元素。这可能吗?具体来说,是否可以捕获此键盘/鼠标事件并抑制浏览器的默认行为? 最佳答案 像这样一道题,难点很多。基本上,有两个步骤:监听keydown和keyup事件,并跟踪Ctrl何时按下听鼠标滚轮,(如果Ctrl按下)做你想做的事但这里是您必须解决的问题:您打算如何应用事件监听器/处理程序?AccordingtoQuirksMode,M

javascript - 如何检查滚动条是否在底部

如何检查滚动条是否位于底部?使用JQuery或JavaScript 最佳答案 您找到滚动容器的高度,然后将其与滚动位置进行比较。如果它们相同,那么您已经到达底部。$(document).ready(function(){$('div').scroll(function(){vardiv=$(this);if(div.height()==div.scrollTop()+1)//scrollTopis0based{alert('Reachedthebottom!");}});});编辑:在jsfiddle中进行了一些测试,我意识到以前的

javascript - jQuery - DIV 随滚动运动移动并将位置固定在窗口的顶部和底部

可能已经有一个jQuery插件可以实现这一点,但我找不到一个可以完全满足我的要求。如果有,请将教程指向我,谢谢。我的问题是我的页面内容很长,当您滚动到页面底部附近时,我的边栏不可见。因此,当您上下滚动页面时,我想让我的#sidebardiv固定在浏览器窗口的顶部和底部。我的侧边栏高度比典型的屏幕分辨率长,所以我需要侧边栏的底部粘在浏览器窗口的底部以及浏览器的顶部。因此,当您开始向下滚动时,侧边栏会像往常一样滚动,但是当您到达侧边栏的末端时,它会粘住并且不会滚动,而当您开始向上滚动时,侧边栏会跟随到顶部侧边栏的到达浏览器,然后它坚持。反之亦然。这可能吗?我创建了一个jsfiddle以简单

javascript - 将事件委托(delegate)给 Backbone 中的父 View

我的ViewTuneBook有几个ClosedTune类型的subview。OpenTune,我还为每首曲子提供了单独的完整页面浏览量。相同的事件绑定(bind)在ClosedTune和OpenTune中,因此我设计了我的应用程序,使它们都继承自共享的“抽象”ViewTune.为了使我的应用程序更具可扩展性,我希望将每个ClosedTune的事件委托(delegate)给TuneBook,但为了可维护性,我希望使用相同的处理程序(存储的那些在Tune中)以供TuneBook使用(尽管它们显然需要包含在某些函数中)。我遇到的问题是,在TuneBook中,找到正确的ClosedTune来调

javascript - 在 knockout 中实现无限滚动的正确方法是什么?

我的模型中有一系列文章,它们可以很好地呈现为HTML。我想要的是在用户滚动到页面末尾时添加一些新文章。我做到了这一点,但在我看来有一些非常骇人听闻的行为:我所做的只是添加了jquery事件处理程序$(window).scroll,如下所示:functionArticlesViewModel(){varself=this;this.listOfReports=ko.observableArray([]);this.loadReports=function(){$.get('/router.php',{type:'getReports'},function(data){self.listO

javascript - Facebook:如何在应用程序选项卡中删除 iFrame 的垂直滚动条

我已经完成了我的facebbok应用程序,目前在将应用程序作为facebook应用程序选项卡观看时卡住了....:显示垂直滚动条。实际上,我使用了以下代码来自动调整应用程序iframe的大小:window.fbAsyncInit=function(){FB.init({appId:FBAPP_ID,status:true,cookie:true,xfbml:true});FB.Canvas.setAutoResize(100);//FB.Canvas.setSize();};(function(){vare=document.createElement('script');e.asyn

javascript - Kendo Grid,水平滚动和列大小调整

默认情况下,kendo网格将扩展以填充其包含的div。它只是一个表格元素,自然如此。//etc//content但是,当您添加更多列(或有太多列)时,它们会来回缩放以适应。我想要溢出时的水平滚动条。为此,我添加了一些在启动、添加和重新排序时运行的代码。this._initWidths=function(){vartotalWidth=0;for(vari=0;i然而,剑道似乎有自己的逻辑来反对这一点。Colgroup条目将开始被删除,弄乱一切。我能做些什么来阻止这一切吗?有没有更好的方法来做我想做的事?谢谢。 最佳答案 我有一个表容