Tag: 滚动

-webkit-overflow-scrolling：touch在iOS中打破了我的-webkit-scrollbar css: 此代码适用于样式滚动条： .frame::-webkit-scrollbar { -webkit-appearance: none; background-color: #000; } .frame::-webkit-scrollbar:horizontal { height: 6px; } .frame::-webkit-scrollbar-thumb { background-color: #000; } .frame::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #333; } 但每次我想让它触摸启用（为了缓解移动滚动），所有的滚动条消失 .frame { -webkit-overflow-scrolling: touch; } 任何解决scheme，以保持滚动条在iOS或手机？

新iOS8上的固定位置错误: 我有一个固定的标题和滑出侧边栏的网站。使用纵向的iOS7时，固定标题在侧栏可见时保持固定，但在iOS8上，标题稍微向上推动，具体取决于滚动的距离。我需要它保持固定。看到这个jsbin： http ://jsbin.com/xuyevi/2/ 主要部分是标题，侧边栏和主要内容。标题固定在屏幕的顶部使用固定的位置，并有一个z-index，当你滚动时，它保持在内容之上。侧边栏固定在屏幕的左侧，最初通过向左自身宽度平移而隐藏。要打开侧边栏，标题，内容和侧边栏的每一个都按侧边栏的宽度向右平移。同样，这在iOS7和所有其他支持translate3d的浏览器上都可以正常工作，并且在横向模式下甚至可以在iOS8中正常工作。但在纵向的iOS8中，基于用户滚动的距离，固定标题将从屏幕上滑落。此外，使用Safari检查器显示屏幕上的菜单项目偏离其预期的位置。即在检查器中select一个元素，突出显示屏幕上与其被渲染的实际位置偏移的区域。有没有其他人遇到这个？任何人都知道解决？编辑：检查员认为，固定位置标题正是它应该是，即使它实际上被推离屏幕。

移动Safari中的错误是否有解决方法：捏放大导致随机滚动阻塞？: 我有一个滚动div中的图像： <div style=" width:600px;height:400px; overflow:scroll; position:relative; top:0;left:0; -webkit-overflow-scrolling: touch;"> <img src=image.jpg width=2000 height=2000> </div> 它可以像预期的那样在任何地方工作，除了在iOS （8.1.3）上，当我用手指放大时，DIV停止正确滚动。人们仍然可以滚动到某个特定的点，但除了几乎没有放大的时候，我不可能查看整个图像。我已经尝试了数百种固定，绝对和相对定位的组合，div和图像，还有overflow和fixed等各种组合。它们都不起作用。如果我删除“ -webkit-overflow-scrolling：touch ”，问题就会消失，但滚动失去动力，变得痛苦。滚动行为似乎很随机。有时你可以向上卷动，有时候不可以。问题似乎来自视口滚动和图像滚动之间的冲突。我在tech.ozake.com上发布了一个简单的例子。当放大图像时，有没有办法使图像平滑滚动？ [更新2017年5月23日]这可能会在下一个版本的Mobile Safari中得到修复： news.ycombinator.com 。

在放大时，在iPhone 6+，iPad 3上使用Safari滚动div: 看来，在iPhone 6 +和iPad 3（我已经testing到目前为止重现问题的设备），页面放大时滚动div有一个问题。当第一次加载下面的基本内容的页面，div没有问题滚动。再生产缩放页面，使得缩放比例大于1.0。这似乎更经常地“禁用”滚动div的完全或大部分。页面本身卷动或“反弹”。缩小到1.0的比例，它再次滚动。这个问题可能会有点不一致，有时当放大和周围的滚动触摸/移动/缩放页面将工作一点点，但不可靠。只有缩小似乎重置它，以便div可以滚动一致没有问题。 Chrome 6+，iPad 3，iPhone 4（包括Chrome和Safari）以及多款Android手机（Chrome）似乎都没有重现。任何人遇到这个问题和/或知道如何解决？还是我错过了什么？任何信息或帮助表示赞赏。 #outer { border: 1px solid #000; width: 100px; height: 100px; overflow: auto; /* overflow-y: scroll; -webkit-overflow-scrolling: touch; */ } #inner { width: 100px; background-color: cornflowerblue; } p { margin: 0; } <div id="outer"> <div id="inner"> <p>test</p> […]

禁用UITableView（iPhone SDK 3.0）中的滚动: 我试图在UITableViewembeddedUITextField编辑UITableView禁用滚动。这只是为了防止细胞在编辑时滚动出来（也避免了一些相关的细胞“回收”问题）。在search时我看到有人提出了明显的： tableView.scrollEnabled = NO: 甚至 tableView.userInteractionEnabled = NO; 这不工作虽然（至less对我来说… iPhone SDK 3.0，尝试在模拟器上）我将这些属性设置为NO，我甚至通过日志logging检查属性设置为NO，但UITableView保持正常响应触摸事件。而且它也很高兴地滚动。如果networking上有人没有声称这真的有效，我不会那么担心。我错过了什么吗？或者是唯一的替代子类UITableView使其超类（UIScrollView）可用的function再次工作？

UICollectionView在两个方向上滚动: 我做了一个垂直滚动的UICollectionView 。单元格的宽度大于屏幕宽度，所以我创build了一个基于UICollectionViewFlow布局的UICollectionViewFlow返回正确的计算内容大小。但是，这是行不通的。当单元格的宽度小于其工作的屏幕宽度时。这是否意味着我们在垂直滚动中的宽度不能超过屏幕宽度？水平滚动是相同的，但是CollectionView的高度仅限于屏幕高度。有什么办法可以使它工作吗？

iOS / WebKit：touchmove / touchstart不能在input＆textarea上工作: 我有一个IOS Web应用程序无法滚动。为此，我想停用滚动。为此，我使用元素的ontouchmove属性，并让它调用一个使用element.preventDefault的函数。但是，即使在元素被禁用的情况下，我也无法在textarea或input元素上启动触摸事件。我也尝试通过JavaScript的addEventlistener绑定touchmove或touchstart事件到这些元素，但没有成功！这里是我的JavaScript： function onBodyLoad() { document.addEventListener( "touchstart", doNotScroll, true ); document.addEventListener( "touchmove", doNotScroll, true ); } function doNotScroll( event ) { event.preventDefault(); event.stopPropagation(); } 谢谢你的帮助！

iOS溢出X（或绝对位置）使滚动波涛汹涌？: 我希望我的网页只能垂直滚动。所以我设置了overflow-x:hidden; 到我的.page-wrapper 。我的.page-wrapper将两个绝对定位的层放在一起。当点击一个button时，最上面的图层会滑到一边（如上面提到的position:absolute; ），使得网站实际上比100％的viewport宽，所以它可以水平滚动。为了防止水平滚动，我设置了overflow-x:hidden到我的.page-wrapper 。如果我这样做，我的正常内容的垂直滚动真的是越野车，并不能正常工作。任何想法如何解决？ UPDATE -webkit-overflow-scrolling: touch; 似乎工作正常，只要没有JavaScript正在改变任何高度。看下面的例子。我在这里做的是更新身体高度的内容高度的第二层 – 所以没有空的滚动空间，一旦上层滑到左边。当滑回上层时，我从主体中删除属性style （设置高度）。这样做后，滚动再次波澜不惊。 function showInfos(show) { if ( show ) { $('#videos').addClass('slid'); $('body').height($('#infos > .content').height()); $('#page-wrap').addClass('no-overflow'); } else if ( !show ) { $('#videos').removeClass('slid'); $('#page-wrap').removeClass('no-overflow'); $('body').removeAttr('style'); } }

在iOS设备上滚动时，元素的z-index不起作用: 我的布局相当简单，一个重复的背景元素，几个垂直空间（道路）和一些水平桥梁和一个小汽车，当你滚动时，应该在他们的下面开车。我的Mac上的一切工作正常，但在iOS设备上，我的testing设备是：iOS 6.1上的iPhone 4，iOS 6.1.3上的iPad 2 z-index当滚动事件处于活动状态时， z-index不被遵守。这意味着，当你滚动时， position: fixed在window的汽车正在越过桥（其具有比“汽车”更高的z-index ），而不是使z-index更高，因为它应该是和非iOS的浏览器，使得汽车驾驶的桥梁下。这看起来像一个简单的分层问题，但即使是一个非常简单的testing案例，这个错误仍然是显而易见的。 testing案例： http ： //plnkr.co/EAE5AdJqJiuXgSsrfTWH （在iPad上全屏查看，以避免与演示内容无关的iframe滚动问题）有谁知道什么是错误的代码，这将导致z-index不工作，而滚动处于活动状态？注意： iOS上的Chrome和原生的Mobile Safari都会发生这种情况。下面是链接到上面的简化testing用例上运行的代码位，以防有人在不打开演示的情况下指出修复。 HTML： <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <div class="car"></div> <div class="street"></div> <div class="bridge"></div> <div class="street"></div> <div class="bridge"></div> <div class="street"></div> <div class="bridge"></div> <div class="street"></div> <div class="bridge"></div> <div class="street"></div> <div class="bridge"></div> […]

滚动查看和键盘Swift: 我在这里是新的，即时从iOS的Swift开始。我开始创build一个简单的应用程序，执行一些操作。但是当键盘出现时，我遇到了一些问题，隐藏了我的一个textField。我认为这是一个普遍的问题，我做了一些研究，但我找不到解决我的问题的任何东西。我想使用Scroll而不是使textFieldanimation显示。谢谢！！！！！（抱歉英文错误）