jjzjj

Fullpage

全部标签

无法使用fullpage.js的滚动部分下方的溢出:自动元素在移动上进行交互:scrollloverflow:true

我使用的是scrolloverflow:true的fullpage.js。在需要滚动的部分中,由于该部分超过100VH,我有一个表,该表旨在用户在X轴上滚动一些内容。尽管滚动该表即使是在移动分辨率上也可以在桌面上工作,但在移动设备上滚动该表格根本不起作用。该表不响应任何触摸交互。这似乎与包裹可滚动完整页面的.fp-crollableDiv有关。如果我添加了指针事件:无需.fp-scrolollable,我可以在触摸设备上与表进行交互,但是该部分不再可滚动。有趣的是,在Mobile或Desktop上不能突出显示.FP-ScrollableDiv中的文本。这似乎是一个线索,但我不确定这意味着什么。

javascript - jquery.fullPage.js 如何在不影响部分滚动的情况下在 div 中启用滚动

是的,这不容易解释...我正在为一个网站使用jquery.fullPage.js。我有一些可折叠的面板,其中包含大量需要滚动的副本。当我在此面板上启用滚动时,我的问题就开始了,因为它会将我带到下一部分。有什么方法可以让我在这个面板内滚动而不影响整页滚动吗?谢谢大家 最佳答案 是的,fullpage.jsplugin提供了一个名为normalScrollElements的选项。详见inthedocumentation:Ifyouwanttoavoidtheautoscrollwhenscrollingoversomeelements,

jquery - fullPage.js:使所有幻灯片和部分在搜索引擎结果中可见

我正在使用fullpage.js用于单页应用程序的jQuery插件。我主要使用默认设置,而且该插件非常有用。当我进行SEO时,我无法正确地让Google按“每张幻灯片”抓取我的网站。我所有的幻灯片都是在页面加载时加载的,所以ajax甚至不是问题,但GoogleBot似乎无法将每张幻灯片可视化为一个页面(我想是因为所有的html内容总是被加载并且不能'不要区分不同的幻灯片)有没有办法让GoogleBot理解每个“/#Section/Slide”是一个不同的页面,应该在搜索引擎中有不同的结果?也许使用微数据或任何其他语义解决方法? 最佳答案

html - iframe 中的 Fullpage.js 无法在 IOS 移动设备上滚动

我正在使用Fullpage.js创建一个包含部分的全页网站。我通过全屏iframe在不同的域上使用不同的语言。虽然我无法在IOS移动设备上滚动页面。当使用以下解决方案时,页面根本不是可滚动的:使用此版本时,我可以滚动片刻然后出现错误:.demo-iframe-holder{position:fixed;right:0;bottom:0;left:0;top:0;-webkit-overflow-scrolling:touch;overflow-y:scroll;}.demo-iframe-holderiframe{height:100%;width:100%;}有人有办法解决这个问题吗

javascript - fullpage.js - 在不在 fullpage.js 包装器中的 div 内滚动在 IOS 上是不可能的

我有一个Fullpage.js包装器和一个特殊的覆盖或页脚包装器。我现在的问题是,我无法在IOS上滚动页脚div内的内容。它适用于Android和所有主流浏览器,但不适用于IOS。我有什么想法可以让它发挥作用吗?只需在IOS设备上打开fiddle并尝试滚动白色页脚https://jsfiddle.net/t5eu2hdc/9/非常感谢您的帮助。$('.viewport').fullpage({anchors:['test','test2','test3'],navigation:true,navigationPosition:'right',css3:true,easingcss3:'

javascript - Fullpage.js 在滚动条上水平滑动

我使用fullpage.js来实现垂直和水平滚动。我希望在第2部分滚动时slider滑动。功能类似于此website这是我的代码:$(document).ready(function(){$('#fullpage').fullpage({sectionsColor:['#1bbc9b','#4BBFC3','#7BAABE','whitesmoke','#ccddff'],anchors:['firstPage','secondPage','3rdPage','4thpage','lastPage'],menu:'#menu',css3:true,loop:false,afterLoa

javascript - Fullpage.js 在滚动条上水平滑动

我使用fullpage.js来实现垂直和水平滚动。我希望在第2部分滚动时slider滑动。功能类似于此website这是我的代码:$(document).ready(function(){$('#fullpage').fullpage({sectionsColor:['#1bbc9b','#4BBFC3','#7BAABE','whitesmoke','#ccddff'],anchors:['firstPage','secondPage','3rdPage','4thpage','lastPage'],menu:'#menu',css3:true,loop:false,afterLoa

javascript - alvarotrigo.com/fullPage/和 bootstrap 3 网格问题

我正在使用alvarotrigo.com/fullPage/以获得漂亮的整页效果。我也在使用bootstrap3网格系统,它看起来像:现在,我们看到3列,全部在部分中关闭,并且此html创建了3列View,没问题。但是对于较小的视口(viewport),这三列转换为3个全宽列,这是个问题,因为整页,js现在在滚动时跳过第二和第三列,所以如果我滚动到#section,我只看到第一个div,如果我向下滚动,动画将转到另一个部分,跳过2和3div。我创建了简单的插图。div2和div3显示为灰色,表示在动画期间将跳过这些div。我的问题是,我可以在fullpage.js上进行设置或进行一些调

javascript - 使用 html5 视频和 fullpage.js 时出现 Chrome 错误。任何解决方案?

在我的项目中,我在主页中使用了fullpage.js。然后我想添加一个视频作为背景,但是视频忽略了autoplay选项并且它没有开始。但当您向下滚动一次然后再次向上滚动时,它会发生。它在firefox上运行良好(甚至在IE上!)。你可以在这个codepen上看到这个行为chrome版本:60.0.3112.113(官方构建)(64位)任何我可以添加到我的代码中以使其工作的东西,至少是暂时的?非常感谢。 最佳答案 在afterLoad回调的末尾添加此语句。视频标签可能已准备好自动播放,但插件可能仍在渲染这些部分以满足其需要。加载插件时

html - Fullpage.js 背景图片

我刚刚开始使用fullpage.js库(?),想知道如何将背景图像添加到部分。我尝试在该部分中添加一个新的div并向该部分添加一个新类,但无济于事。请帮忙!HTMLSectionHellofullPage.jsThisisanawesomepluginWhichenablesyoutocreateawesomewebsitesInthemostsimplewayeverJusttestingitLooksgoodCSS(我在标准之上的自定义CSS).bg{background:url(../img/Blurred%20Backgrounds%20(13).jpg)no-repeatce
12