我只想在需要滚动的页面中隐藏滚动条。我正在使用Ionic2我的不工作解决方案:.scroll-content-bar{overflow:hidden;}此解决方案隐藏滚动条但使屏幕不可滚动。 最佳答案 首先，改变浏览器的自然行为和预期的用户体验是一个冒险的举动。但是，如果您仍然真的想要，我认为您最好的选择是伪造它。在这种情况下，将width设置为0应该就足够了，但我还将背景颜色更改为完全透明。div{background:gray;height:200px;overflow-y:scroll;}p{border-bottom:1px
似乎如果你有一个带水平滚动的div，在一个定位固定的div内，它会阻止IOS上的垂直滚动。I.E-如果我通过将手指放在水平滚动的div上开始滚动，然后尝试垂直滚动，什么也没有发生。在我同事的Andriod设备上似乎没问题。我已经创建了一个测试用例，在这里演示了这个问题:http://jsbin.com/jikatugeli/这是htmlJSBinsomecontentunderneathI'msomeothercontenthihihihihihihihihihihihellothere,Iamsometexttomakethingsscrollable这是CSSp{font-size
我敢肯定这在过去已经被提出来了；但是我有一个学期不知所措。在此webpage对于Square，用户滚动浏览标题为“在Square，不同学科协作设计精美简单的解决方案”的部分，然后动画会在页面上该特定点的右侧激活。当用户向后滚动时，图像会恢复，依此类推。他们是如何实现这一目标的？2013年8月:自从我问这个问题以来已经九个月了，视差滚动也差不多顺其自然了。我附上了几个链接，以便进一步阅读这个主题，从如何实现它到为什么要避免它。视差滚动示例:http://en.wikipedia.org/wiki/Parallax_scrollinghttp://www.awwwards.com/20-b
我askedthisquestion这对于使文本(顶部链接)在滚动后被迫向右移动非常有效。问题出在页面上，当我垂直滚动时，即使向下滚动，顶部链接仍保留在页面顶部，因此它们显示在我的主要内容上方。有什么方法可以强制文本向右移动但在垂直滚动时不移动？这是我今天的CSS:#toplinksul{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparentnonerepeatscroll00;border:med
我一直在使用-webkit-overflow-scrolling在iOS上平滑滚动叠加导航菜单，但是，我一直在与一个错误作斗争(我似乎无法找到回答任何地方)。查看MDN站点上的属性:Thisfeatureisnon-standardandisnotonastandardstrack.DonotuseitonproductionsitesfacingtheWeb:itwillnotworkforeveryuser....https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling如果它“不在标准轨道
所以我用KeithClark'spureCSSparallax建立了一个网站主意。它看起来不错，但我很好奇是否有人想出如何在iOS上允许惯性/动量滚动。Hereismysitesofar.目前我所知道的:目前惯性/动量滚动不起作用，因为基本上整个页面都保存在一个带有overflow-y:auto的容器中。因此，当您在页面上滚动时，您是在一个容器内滚动。在iOS上，您必须应用-webkit-overflow-scrolling:touch以允许非视口(viewport)滚动的任何内容具有惯性/动量滚动。如果将-webkit-overflow-scrolling:touch添加到.para
当使用[-webkit-overflow-scrolling:touch;]时，滚动区域效果很好，但它会导致触摸事件停止滚动区域之外的工作。有没有人有同样的问题？谁能给我一些关于这个新滚动功能的官方链接？ios5scrollheader{background:red;width:300px;height:44px;}.scroll{width:300px;height:300px;background:yellow;overflow:scroll;-webkit-overflow-scrolling:touch;}won'twork?Itworkstexttexttexttexttex
既然转基因种子已经放出来了，我们可以好好谈谈了!看起来在iOS7中“-webkit-overflow-scrolling:touch”被破坏了。最初不在屏幕上的元素的触摸事件不会触发(或者在某些情况下只是不可靠)。这是一个例子:TEST#scrollbox{position:fixed;top:0px;width:100%;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch;}.touchDiv{position:relative;width:100%;height:80px;background-color:#FF
我知道iPhone过去不支持position:fixed，但现在支持了，当我将固定位置元素滚动到具有更高z-index的其他元素后面时，我看到了一个奇怪的故障。具有较低z-index的固定位置元素暂时出现在前面，看起来非常糟糕。有办法避免这种情况吗？我尝试将-webkit-transform:translate3d(0,0,0);添加到固定元素，但它似乎无助于解决这个问题。Hereisajsfiddleaswell.更新除了z-index之外，我还添加了transform:translateZ(x)，但它没有解决问题。更新2我添加了-webkit前缀，这确实解决了移动Safari上的z
如果我对滚动div使用-webkit-overflow-scrolling，它会以原生动量完美滚动。但是，div本身有时会卡住并且不响应我的手指移动。2-3秒后，它再次变为可滚动。我不知道我是如何重现这个问题的。但是，正如我所见，造成这种情况的主要行为有两种。首先，如果我等待一段时间，例如20秒，然后触摸div，它没有响应。我等了几秒钟，它又开始工作了。其次，我快速触摸了几次，然后，它变得卡住，几秒钟后，它再次开始工作。如何防止这种卡住？ 最佳答案 对我来说，卡住是可重复的，并且在已经分别位于顶部或底部时尝试向上或向下滚动时发生。解
