如何解释mac浏览器中的“内容被切断”效果在fullPage.js部分中的滚动行为？

这里是触发的问题似乎目前只在桌面mac chrome浏览器中。预览图像： enter image description here 如何解释mac浏览器中的“内容被切断”效果在fullPage.js部分中的滚动行为？

页框架中使用： bootstrap3，fullPage.js，jQuery和没有更多;这个问题的

再现步骤：使用 Mac台式机的Chrome浏览器上下滚动数次，并最终看到文本在这个滚动部分被切断（红框部分不可见），然而，这没当您在Mac chrome浏览器中首次加载页面时，当您向此部分输入hashtag url autoscroll时不会出现。

目前我的测试结果：

桌面窗口chomre，窗户野生动物园，窗户火狐，
Mac台式机的Firefox，苹果Safari浏览器，
iPad的铬，iPad的Safari浏览器，
samsung，iphone全部默认浏览器或Chrome

以上所有浏览器都不会出现此问题;

任何人有任何想法来解释这个问题？为什么mac chrome呈现不同的和奇怪的可见/不可见效果（查看器是不可见的，但铬控制台的“计算的css值显示可见”，并没有css overflow：隐藏在它的父容器中检测到），只要我转Mac台式机的镀铬在检查元素控制台编辑看不见的部分内的任何CSS，一切变得正常，再次可见。）

来源

2014-11-21 BOBO

人使用的MacBook Chrome浏览器可以看看，好心帮我有点看这个问题？非常感谢。 – BOBO 2014-11-22 06:18:57

不知道为什么，但可能是因为您在'：before'元素中使用'display：table'。 – Alvaro 2014-11-22 19:38:12

您可以初始化fullPage.js选项

autoScrolling: true,

这样，问题就不会发生在mac chrome中，但如果将其设置为false，则此错误仍会出现。

我的默认滚动设置为

$('#fullpage').fullpage({ 
    anchors: ['HOME', 'ABOUT', 'SERVICES', 'WORKS', 'AWARDS','CONTACTS'], 
    menu: '#myMenu', 
    css3: false, 
    scrollingSpeed: 700, 
    autoScrolling: false,//if set True, scroll invisible bug will not come out. 
    scrollOverflow: false, 
    easing: 'easeInQuart', 
    easingcss3: 'ease', 
    loopBottom: false, 
    loopTop: false, 
    loopHorizontal: false, 
    continuousVertical: false, 
    fixedElements:'.header',    
    touchSensitivity: 5, 
    normalScrollElementTouchThreshold: 15,  
});

来源

2014-11-30 18:40:17 Ore4444

如何解释mac浏览器中的“内容被切断”效果在fullPage.js部分中的滚动行为？

回答

相关问题