草庐IT

horizontal-scrolling

全部标签

Javascript/Ionic3 溢出 :hidden disable scroll in Firefox

我遇到无法删除FirefoxQuantum滚动条的问题。哦Chrome它就像这个css的魅力一样:div::-webkit-scrollbar{border:none;width:0;background:rgba(0,0,0,0);display:none;overflow-x:hidden;overflow-y:hidden;}div::-webkit-scrollbar-track{border:none;width:0;background:rgba(0,0,0,0);display:none;overflow-x:hidden;overflow-y:hidden;}div::

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 - 如何在 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 - window.scroll({ 行为 : 'smooth' }) not working in Safari

正如标题所说,它在Chrome上运行得非常好。但在Safari中,它只是将页面设置到所需的顶部和左侧位置。这是预期的行为吗?有没有办法让它很好地工作? 最佳答案 使用smootscrollpolyfill(适用于所有浏览器的解决方案),简单适用且轻量级依赖:https://github.com/iamdustan/smoothscroll通过npm或yarn安装后,将其添加到您的ma​​in.js、.ts文件(第一个执行的文件)importsmoothscrollfrom'smoothscroll-polyfill';//orifl

javascript - Chrome 和 IE : parallax (jQuery animate) is not smooth when using mouse wheel to scroll

我改编了this为我的网站使用视差效果的jQuery插件。问题是(即使在上面链接中的演示中)Chrome和IE的滚动真的不流畅。只有当您按下鼠标中键并且滚动是连续的(不是“逐步的”"当您滚动鼠标滚轮时)。所以当你使用鼠标滚轮滚动时,视差效果就完全被破坏了。在Firefox中,即使使用鼠标滚轮滚动,滚动也是连续的。有没有一种方法可以在IE和Chrome中连续滚动(javascript?)。Here是我的网站(如您所见,如果您使用Firefox访问它,效果完全不同)。 最佳答案 我用这个jQuery脚本解决了这个问题(它为键盘和鼠标滚动

infinite-scroll - 如何捕获滚动事件?

我想实现无限滚动。下面是我的布局的简短形式。因为我有一些相对定位的元素,javascript滚动事件不会触发。如何解决此问题才能触发滚动事件并实现无限滚动?我的主要布局是:......我的CSS是:#container{position:absolute;z-index:1;top:0;bottom:35px;left:0;right:0;overflow-y:auto;overflow-x:hidden;}.wrapper{margin:0auto;width:960px;position:relative;}#header{position:relative;}#main{}#fo

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

我正在创建一个全屏网络应用程序,它将包含一些使用新的iOS5溢出:滚动功能的模块/小部件。我想要的是在滚动html/body时禁用那种“flex”效果(因为它是全屏),但只在可滚动元素上保持这种效果。平滑我拥有的可滚动元素的效果:html,body{overflow:hidden;}.scrollable{overflow:scroll;-webkit-overflow-scrolling:touch;}然后是以下禁用触摸滚动效果的脚本:$(document).bind('touchmove',function(e){if(e.target===document.documentEle

javascript - jQuery UI 可排序 : Scroll entire page as well as container

我有两个元素列表,并且我在这两个列表上都启用了jQueryUI可排序功能。我使用connectWith选项使我能够在两个列表之间拖动。一个列表中有很多元素,所以我向它添加了overflow-y:scroll,但是当我尝试从该列表中抓取一个元素并将其拖到另一个列表时,它只滚动列表,而不是整个页面。我制作了一个jsFiddle演示(http://jsfiddle.net/MCcuc/)。向下滚动,并尝试将ItemQ(通过框顶部的灰色条将其拖动)从红色列表移动到绿色列表中。您会看到红色列表滚动,但页面不会滚动。如何滚动整个页面以及列表?我只是启用sortable,没有很多选项:$('.sor

android - 相对布局-android :layout_centerHorizontal ="true" AND android:gravity ="center_horizontal" showing unexpected results

我试图将一些TextViews对齐到RelativeLayout中的水平中心,但在使用某些属性时得到了一些意想不到的结果:为什么第二个'SpringSummerAutumnWinter'TextView和第一个'HelloWorld'TextView移动到水平中心(即使它们都使用不同的水平文本对齐属性)?对顶部的TextView使用android:layout_centerInParent="true"将其移动到屏幕中央(这不是我想要的)是否有可用于将所有TextViews对齐到水平中心的属性? 最佳答案 layout_center

android - 谁能给我解释一下 "app:layout_behavior="@string/appbar_scrolling_view_behavior”?

谁能给我解释一下这个属性"app:layout_behavior="@string/appbar_scrolling_view_behavior"? 最佳答案 更改android.support.constraint.ConstraintLayout✖到android.support.design.widget.CoordinatorLayout✓那么子元素就可以使用app:layout_behavior 关于android-谁能给我解释一下"app:layout_behavior="@