iOS8上的Safari网页链接不滚动后工作 [英] IOS8 Safari website links do not work after scrolling

问题描述

我有一个角的网站，主要是为iPhone用户并自iOS8上更新内置了自举的主题，我发现与滚动的问题。该网站的表现很好，直到我滚动，一旦我有滚动的链接行为不正常，例如，如果我preSS按钮2，从按钮1的链接将会打开。还有些CSS3样式不工作如：第n个孩子（甚至）我寻觅了好几天试图找到这种行为之间的联系以及滚动错误，但我不能找到一个解决的任何地方。不幸的是我不能发布的网站链接，但它由一个固定的页眉和页脚，和一个div一套以溢出：汽车; 任何帮助是极大AP preciated :)

I have an Angular website with a Bootstrap theme built primarily for iPhone users and since the IOS8 update I have found problems relating to scrolling. The site behaves fine until I scroll, once I have scrolled the links behave erratically eg if I press Button 2, the link from Button 1 will open. Also some CSS3 styles are not working eg :nth-child(even) I have searched for days trying to find a link between this behaviour and a scrolling bug but I can't find a fix anywhere. Unfortunately I cannot post the website link but it consists of a fixed Header and Footer, and a div set to overflow: auto; Any help is greatly appreciated :)

注：我在滚动元件使用多个手风琴与

的风格滚动元素的

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

更新：我增加了从IOS仿真图像来说明问题。我用检查元素滚动后突出锚标记的位置。这就像Safari不重置滚动后的位置。

Update: I have added an image from IOS simulator to illustrate the problem. I used Inspect Element to highlight the placement of the Anchor tag after scrolling. It's like Safari does not reset the position after scrolling.

更新：我认为这个问题涉及到这是使用位置定位在页脚：固定; 我一直没能确认这一点还没有，但它看起来像问题的根源。

Update: I think that this problem is related to the footer which is positioned using position: fixed; I haven't been able to confirm this yet but it looks like the root of the problem.

推荐答案

在工作中开发人员设法通过网页之间的转换去掉来解决这个问题。见code他评论如下。它是在controllers.js找到。希望这个例子将帮助您找到您的项目过渡code。

A developer at work managed to solve this issue by removing transitions between pages. See the code he commented out below. It was found in controllers.js. Hopefully this example will help you find the transition code in your project.

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

这篇关于iOS8上的Safari网页链接不滚动后工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！