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瀏覽器滾動內容切斷

回答

相關問題