Tag: 溢出
影响iOS中固定位置元素的溢出限制的解决方法？
编辑：主要问题是这样的：溢出：隐藏和溢出：自动影响iOS中的固定定位元素。 所以，如果我在页面的滚动function中的某个组件中有一个固定位置的模式对话框，那么该元素将不会显示在超出其父窗口的任何位置。 这真的搞砸了，因为它不是固定定位在任何其他系统上的工作方式。 那么对此的官方回应是什么？ 原文： 我有一个模式对话框，可以在桌面和Android上正常工作，但是在我iPad上的任何浏览器上，包括模式叠加在内的模式对话框都会隐藏在超出其父容器边界的位置（即使位置固定）。 我知道这不是如何溢出：汽车应该工作，因为它在所有其他设备上工作得很好。 任何人都经历过这个？ 我相信这与iOS如何处理固定位置有关。 无论如何，这里有一些代码： HTML： <confirm-dialog ng-if="$ctrl.confirmDlgShowing" on-close="$ctrl.closeDlgs()" on-confirm="$ctrl.deleteInstance()" class="ng-scope ng-isolate-scope"> <div class="modal general modal"><div class="modal-window"><div class="modal-inner" ng-transclude=""> <div style="position:relative" class="ng-scope"> <label class="modal-close" ng-click="$ctrl.onClose()"></label> <div class="page-heading"> <h2>Are you sure?</h2> </div> <input class="btn" type="button" value="Yes" ng-click="$ctrl.confirm()"> <input class="btn" type="button" value="No" ng-click="$ctrl.onClose()"> </div> </div></div></div> </confirm-dialog> 上海社会科学院： .container { overflow: auto; .modal-window […]
防止在iOS上溢出/橡皮筋滚动
SO上的溢出/橡皮圈滚动的话题已经有多个问题了 他们都没有提供适用于iOS 9.3.2的所有情况的解决scheme 他们都没有提供关于问题本身的广泛和完整的信息 这就是为什么我把这篇文章作为一个知识体。 问题： 在其他文章中从未提及过的事情是，iOS溢出滚动实际上是两部分行为。 1.溢出的内容溢出滚动overflow: auto/scroll 这是使用-webkit-overflow-scrolling: touch的元素的通常已知且最常见的行为，其中连续/动量滚动行为越过元素容器以平滑地减慢滚动的内容。 当你滚动一个元素的内容时，会发生这种情况，这个元素的动量足以让动量滚动超过滚动内容的长度。 有了这个行为， element.scrollTop属性相应地改变元素的滚动位置，并且小于0或大于最大滚动（ element.scrollHeight – element.offsetHeight ）。 2.溢出滚动<body> 如果您尝试滚动任何元素的最小/最大滚动位置甚至更远（顶部向上的元素或底部向下的元素），则会发生此行为。 然后滚动似乎“冒泡”到<body>标签，整个视口滚动。 与上面相反， element.scrollTop属性不改变，但是document.body.scrollTop改变。 焦点locking和行为之间切换（1.5秒延迟） 在这种情况下最令人烦恼的是，上述两种types之间的切换不能即时切换。 input其中一个后，您无法将焦点切换到任何其他元素（可滚动元素，button，链接，…），从而滚动行为也不会改变。 例如：如果你向上滚动一个元素到顶部位置，inputoverflow scrolling type 2 ，那么用户最自然的反应就是试着向下滚动。 由于焦点被locking到滚动体而不是overflow scrolling type 1所以它停留在type 2 ，整个身体向下滚动。 然后典型的用户开始任意地开始频繁地上下滚动而不会中断type 2 。 焦点的切换以及滚动行为的改变只能在溢出animation结束并且元素静止（甚至比0.5s更长）的时候才会发生。 从而回到前面的例子，用户的正确反应是停止触摸屏幕大约1秒-1.5秒，然后再次向下滚动。
在使用溢出时，在移动/ ios上滚动缓慢：滚动
要设置一个canvas外的菜单，我必须将主体设置为“overflow：hidden”，以从主体中删除滚动，并将其添加到“overflow-y：scroll”内容周围的容器中。 当我这样做的时候，似乎减慢了在移动设备上的滚动，特别是在iOS设备上。 从身体移动滚动条是否有某种性能问题？
