草庐IT

scroll-view滚动条

全部标签

javascript - 为什么scroll事件不冒泡?

今天我有一个理论问题。为什么scroll事件不冒泡?它与性能问题有关吗?我做了一些挖掘,但遗憾的是没有找到任何能满足我好奇心的答案。感谢您的回复:) 最佳答案 它会冒泡但不会在元素上冒泡。它在文档对象上冒泡,直到document.defaultView(文档的窗口)。这种行为是为了避免性能问题(滚动事件可以高速触发)。如果您想了解有关滚动的更多信息,我建议您阅读W3文档:https://www.w3.org/TR/cssom-view/#scrolling希望对你有帮助。 关于javas

javascript - Aurelia get value conventer results in View

我想获得在我的View中过滤数组的值转换器的结果,以便显示找到的结果数。我既不想将此逻辑移至我的Controller(以保持其清洁),也不想添加诸如从值Controller返回一些数据之类的辅助手段。我想要的:所以,基本上我想要像angularoffers这样的东西:如图所示here:ng-repeat="iteminfilteredItems=(items|filter:keyword)"或here:ng-repeat="iteminitems|filter:keywordasfilteredItems"我得到的:不幸的是,在Aurelia:doffilteredDocuments=

javascript - 当 DIV 在 View 中时触发 JavaScript 事件

是否可以在页面上出现某个DIV时触发特定的JavaScript事件?例如,我有一个非常大的页面,例如2500x2500,我有一个40x40的div,它位于1980x1250的位置。div不一定是手动定位的,它可能是因为内容将它推到那里。现在,是否可以在用户滚动到div可见的位置时运行函数? 最佳答案 不是自动的。您必须捕捉滚动事件并通过比较div矩形与可见页面矩形的坐标来检查它是否每次都在View中。这是一个最小的例子。hellofunctionVisibilityMonitor(element,showfn,hidefn){var

javascript - javascript 中可滚动区域/div 的增量单位?

在javascript中,我可以确保我的大div垂直滚动吗仅以(比方说)16像素为单位在java中,这些被称为“增量单位”。我在javascript中找不到任何类似的东西:我想确保部分滚动时某个区域(div)始终是View16的倍数。这让我可以对背景图片和其他图片进行处理。谢谢 最佳答案 varlastScroll=0;$('div').scroll(function(){varel=$(this),scroll=el.scrollTop(),round=lastScrollhttp://jsfiddle.net/m9DQR/2/确

javascript - Backbone : Use Model's Data and Functions in View

我是Backbone的新手,想知道如何从将模型作为依赖项注入(inject)的View访问模型的数据和函数。我的模型是这样的:countries.coffeedefine['underscore''backbone''parse'],(_,Backbone,Parse)->'usestrict';classCountriesModelextendsParse.Objectcountries:['GB','US','FR','JP','WL','ZM','NG']returnCode=(code)->returncode我的View是这样的:country.coffeedefine['j

javascript - 在组件安装之前 react 设置滚动位置

我有下面的react组件,它本质上是一个聊天框render(){constmessages=this.props.messages;return({this.props.project[0].project}{messages.map((message)=>{return()})}Submit)}我遇到的问题是聊天消息框从容器的最顶部开始(滚动位置从顶部开始)。我希望滚动位置像普通聊天室一样位于底部。所以我尝试这样做:componentDidMount(){this.refs.messages.scrollTop=this.refs.messages.scrollHeight}这在组件

javascript - 防止水平滚动页面导航

我使用的是mac触控板。如何防止页面在水平滚动时返回到访问过的页面旁边?。我试图阻止车轮事件,但大部分时间都不起作用。container.addEventListener('wheel',function(ev){ev.preventDefault();ev.stopPropagation();returnfalse;},{passive:false,capture:true});即使我尝试使用mousewheel事件进行阻止,这也会导致页面导航。 最佳答案 它与网页及其事件无关;这是特定的系统行为,我不认为它可以从javascri

javascript - 如何在纯 Javascript 中进行无限滚动

我想避免使用jQuery或其他库以保持我的代码最少,我需要的功能很少,我只想在用户滚动到底部时追加到列表中。我如何使用纯Javascript执行此操作? 最佳答案 基本上你只需要Hook事件滚动,检查用户是否向下滚动足够并添加一些sop的内容>scrolltounderstand//wewilladdthiscontent,replaceforanythingyouwanttoaddvarmore='';varwrapper=document.getElementById("wrapper");varcontent=document

JavaScript 滚动条推荐

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我对无法自定义Firefox的滚动条感到非常失望,但现在我正在寻找替代方案。下面列出的是我找到的最好的,但我想我应该征求意见,也许还可以链接到更好的意见!http://manos.malihu.gr/jquery-custom-cont

javascript - 如何让chrome忘记页面滚动位置?

例如,我打开一个网页,然后向下滚动到某个位置,然后我刷新chrome浏览器,浏览器又可以滚动到之前的位置了如何使用javascript或css让浏览器忘记滚动?我尝试了$(window).scrollTop(0),但它不起作用 最佳答案 在下面的问题中解决了。Disablebrower'sautoscrollafterapagerefresh?//bypassautoscrolling.if('scrollRestoration'inhistory){history.scrollRestoration='manual';}