jjzjj

Overflow-scroll

全部标签

javascript - -webkit-overflow-scrolling 打破了绝对定位

我正在构建一个页面,该页面需要一些元素在页面顶部滚动,否则它们会滚动到屏幕之外。我设法使用position:absolute做到了这一点。一切都运行良好,但它需要动量滚动。我将-webkit-overflow-scrolling:touch添加到可滚动区域的css中。这打破了一切。我的带有position:absolute的粘性元素现在只是与其余内容一起滚动。我的问题是:为什么-webkit-overflow-scrolling:touch会影响绝对定位,有没有办法解决这个问题?更新:每当子元素变为“固定”或“未固定”时,我都会添加一个警报。警报继续触发,因此样式仍在应用,只是不起作用

javascript - react native 选项卡导航器 : How to let icon overflow tabbar?

我想让Logo居中在tarbar中,也就是顶部的overflowtabbar。怎么做?…………...............................................................................................................................................................importReactfrom'react';importTabNavigatorfrom'react-native-tab-navigator';import{View,Text

javascript - .scroll() 函数在上次更新后在 google chrome 中定位闪烁

说实话,我有点绝望。在我的GoogleChrome浏览器更新之后——我认为是版本39到41——我的一个客户网站在Chrome中完全毁容了。你可以在这里看到:http://prinovis-media-day.com/如果向下滚动,所有»parallax«元素都会闪烁。我已经在我的macbook版本39上检查过了——它在版本39中绝对没问题。基本上,我为创建这种效果所做的工作非常简单:$("window").scroll(function(){varmove_value=Math.round(scroll_top*0.3);varopacity_value=*someothervalue

javascript - 如果指定了绝对位置和 overflow-x hidden,则无法滚动到元素

我有动画ng-view。我正在使用上滑动画,它需要元素的绝对位置以及overflow-x:hidden来剪辑内容。在一个子页面中,我必须使用scrollTo元素功能,但如果指定了both2个值,它就不起作用。这是正确动画所需的主要ng-view类.wrapper{position:absolute!important;left:0;top:0;height:100%;min-height:100%;min-width:100%;overflow-x:hidden;}和结构:Section1Section2Section3CCC我准备了plnkr轻松展示它现在的样子。除了这两个值,还有其

javascript - 为什么我的 jQuery 函数在 IE 8 中导致 'Stack Overflow' 错误?

我有一个简单的函数会在IE8中导致堆栈溢出错误。尽管我没有测试IE7或6,但在任何其他浏览器中似乎都没有出现该问题。具体错误如下:-SCRIPT28:Outofstackspacejquery.min.js,line2character7498SCRIPT2343:Stackoverflowatline:2有问题的功能:functionswitchImage(size,objid,prefix,fullimage){if(size!=='full'){varimage=prefix+size+'/'+size+'_'+fullimage;}else{varimage=prefix+si

javascript - CSS 溢出 : scroll HTML 的滚动问题

这里是jsFiddle以便更好地理解:http://jsfiddle.net/BzYcZ/我有一些带有滚动条的div。我想要的是当我使用鼠标滚动在到达div的末尾时停止滚动,而不是滚动整个页面。发生的事情是,当我到达div的末尾时,整个页面开始滚动。我知道这是浏览器驱动的,但是是否有一些JS事件可以处理这种情况并防止在我的光标位于此div元素上时滚动整个页面。编辑:我希望能够滚动整个页面,但只有当我的鼠标离开这个div时。解决方案.noscroll{position:fixed;overflow-y:scroll;width:100%;}这是JavaScript部分:$('.small

javascript - Stack Overflow 如何包含 Javascript 文件?

我正在查看SO源代码,以了解他们如何在右侧栏上执行从相对位置变为固定位置的div。我看到SOJS库几乎都包含在下面这段代码的页面中......我的问题是代码是如何像这样包含的,这是否类似于RequireJS或labJS仅在需要时才加载文件的javascript代码或类似的东西?StackExchange.using.setCacheBreakers({"js/prettify-full.js":"0324556b7bf7","js/moderator.js":"a38ca3c6143d","js/full-anon.js":"8fcefa158ad3","js/full.js":"a1

javascript - 谷歌表格 : how to make returned value of custom function overflow into a row?

我编写了一个返回简单数组的自定义函数。(这是对多张纸进行简单的脏3D查找)。以下是代码,如果有帮助的话:functionget3DCellValues(startSheet,endSheet,cell){varsheets=SpreadsheetApp.getActiveSpreadsheet().getSheets();varsum=0;varcellValues=[];for(vari=(startSheet);i问题是,当我返回cellValues时,值会向下溢出列。但我希望它通过行向右溢出。有办法吗?谢谢。谷歌的guide关于自定义函数返回值有这样的说法:Everycustom

微信小程序scroll-view实现自定义刷新

微信小程序scroll-view实现自定义刷新@TOC先说原生页面级的刷新通常我们可以利用微信小程序的onPullDownRefresh函数(下拉刷新监听函数)和onReachBottom函数(上拉加载监听函数)监听页面的下拉和上拉动态,从而对页面数据进行修改!1.在页面.json文件声明//下拉刷新"backgroundTextStyle":"dark",//backgroundTextStyle设置为dark是为了可见下拉时的三个点。。"enablePullDownRefresh":true//允许下拉刷新2.使用onPullDownRefresh()监听用户下拉操作,实现刷新操作;onP

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