IOS8 Safari滚动内容被切断

时间:2014-10-02 23:35:27

标签: css angularjs twitter-bootstrap ios8 mobile-safari

我有一个主要针对移动设备构建的带有Bootstrap主题的Angular网站,在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;
 }

1 个答案:

答案 0 :(得分:1)

工作中的开发人员通过删除页面之间的转换来设法解决此问题。请参阅下面评论的代码。它在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);
}