iOS8 Safari滾動內容被切斷

Question

我有一個帶有Bootstrap主題的Angular網站，該主題主要是為移動設備而構建的，並且在IOS8 Safari上，它隨機地切斷了滾動內容（參見圖片）。

我嘗試檢查元素何時執行此操作，但是CSS不會影響它，並且它只是偶爾發生。 Chrome，Opera和IOS8上的所有其他瀏覽器都可以很好地工作，僅在Safari上才發生。

任何幫助是極大的贊賞 ：）

謝謝

可滾動內容的CSS

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

Answer 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);
}