IOS8 Safari浏览器滚动内容切断

我有一个Angular网站，主要为移动和IOS8 Safari内置Bootstrap主题，它随机切断了滚动内容（请参见图片）。IOS8 Safari浏览器滚动内容切断

我试图检查元素时，它做到这一点，但CSS不影响这一点，它只发生零星。 Chrome，Opera和IOS8上的所有其他浏览器效果很好，它只发生在Safari上。

任何帮助是极大的赞赏:)

感谢

enter image description here

CSS的滚动内容

.scrollable{ 
overflow: auto; 
-webkit-overflow-scrolling: touch; 
position: absolute; 
top: 47px; 
bottom: 0px; 
left: 0px; 
right: 0px; 
}

来源

2014-10-02 Clinton Green

请发布一个完整的实例使用例如[snippets]（http://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）或JS Bin。 – cvrebert 2014-10-03 01:18:27

非常奇怪，.scrollable div的父级是什么？它有相对的位置吗？如果这是父母，请在身体上试试。 – Christina 2014-10-03 05:29:52

@Christina父母有绝对的，我试着改成亲戚，但问题仍然存在。身体被设置为相对。谢谢 – 2014-10-05 20:08:09

在工作中开发人员设法消除之间的转换来解决这个问题页面。看到他在下面注释的代码。它在controllers.js中找到。希望这个例子能帮助你在你的项目中找到转换代码。

$scope.slide = ''; 
$rootScope.back = function() { 

//$scope.slide = 'slide-right'; 
$window.history.back(); 
} 
$rootScope.go = function(path){ 
//$scope.navLeft = false; 
//$scope.navRight = false; 
//$scope.slide = 'slide-left'; 
$location.url(path); 
}

来源

2014-10-09 02:53:12

删除我的过渡作品 – Jia 2014-10-09 22:28:24

IOS8 Safari浏览器滚动内容切断

回答

相关问题