fullpage.js相关内容

在幻灯片更改时更改目标 div 的内容

JQuery ubernoob 在这里.我正在尝试将活动幻灯片的文本放入目标 div 以实现类似的效果. http://www.davidchipperfield.co.uk/project/valentino_new_york 我正在使用 Alvaro Trigo 的 fullPage.js 多页滑块并希望能够在每次幻灯片更改时更新单独 div 中的标题.我已经成功地使用 .appe ..
发布时间:2022-01-24 18:06:11 其他开发

fullpage.js 添加滑块淡入效果

我从未使用过 fullpage.js.我尝试了很多滑块过渡效果.滚动效果很好.它通过滚动从左到右移动,但不能添加淡入淡出效果. 示例网站:http://www.mi.com/shouhuan/#clock我的代码:http://jewel-mahmud.com/demo-site/index.html var slideIndex = 1,滑动=假;$(文档).ready(函数() {$( ..
发布时间:2022-01-24 17:36:15 前端开发

在整页js滚动上向前和向后播放视频

请帮我播放“https://codepen.io/ollieRogers/pen/lfeLc"中的视频;在整页js中.视频应该是固定的,并且应该在滚动时播放. 解决方案 我做了一些小调整,应该会让你更轻松. #设置高度{显示块}#我的视频 {位置固定前 0左 0宽度 100%}p{字体家族 Helvetica字体大小 24px} ..
发布时间:2021-07-17 19:15:33 其他开发

在移动设备上禁用全页js

我试图禁用移动设备的整页js,但无法正常工作.我正在使用的脚本是: var isPhoneDevice ="ontouchstart";在document.documentElement;中;$(document).ready(function(){if(isPhoneDevice){//移动的}别的{$(document).ready(function(){$('#fullp ..
发布时间:2021-05-09 19:43:23 前端开发

fullpage.js-获取活动的部分索引号

非常简单.我正在尝试找到一种方法来获取活动部分的索引号.当您滚动到其他部分时,我希望数字更改. 我想要实现的目标:演示 解决方案 使用 fullPage.js回调或状态类. 请注意,回调中有 slideIndex : afterSlideLoad:函数(anchorLink,index,slideAnchor,slideIndex){//在这里做什么$(body).appe ..
发布时间:2021-05-09 19:43:20 其他开发

更改幻灯片时目标Div的内容

在此处查询ubernoob.我正在尝试将活动幻灯片的文本放到目标div中,以实现与此类似的功能. http://www.davidchipperfield.co.uk/project/valentino_new_york 我正在使用Alvaro Trigo的 fullPage.js 多页滑块,并且希望能够每次更改幻灯片时,都会在单独的div中更新标题.我已经通过找到活动类来成功捕获当前 ..
发布时间:2021-05-09 19:43:17 其他开发

fullpage.js:正常滚动特定部分?

我正在根据最新的fullpage.js版本(开发者许可)构建一个包含多个部分的复杂页面.我有3个具有自动滚动功能的全高部分,然后还有3个子部分.在代码中,它基本上是这样的: content content ..
发布时间:2021-05-09 19:43:14 其他开发

在fullPage.js中,如何为所有幻灯片提供一个背景?

我正在努力实现类似的目标 https://neonunicorns.com/html/noise/ 上面的示例使用的是fullPage.js.请注意,背景图像在导航到不同部分时如何保持不变. 我搜索了示例,并查看了插件的文档,但找不到任何相关内容. 此刻,我所能做的就是在所有幻灯片中添加相同的bg img,但是当您在幻灯片中滑动时,您可以清楚地看到背景图像正在更改. ..
发布时间:2020-11-11 01:27:14 前端开发

如何推迟fullPage.js滚动?

当用户滚动到任意位置时,我需要: 1.停止滚动 2.动画出本节中的内容 3.然后触发滚动. 我发现的所有内容都通过返回onLeave回调false来停止滚动.但是在这种情况下,我以后将无法触发滚动. new fullpage('#fullpage', { licenseKey: 'OPEN-SOURCE-GPLV3-LICENSE', sectionsColor: ['ye ..
发布时间:2020-11-11 01:27:11 前端开发

Fullpage.js-键盘垂直滚动

我希望有人可以帮助我解决以下问题. 我正在使用Fullpage.js( https://github.com/alvarotrigo/fullPage.js/)插件来创建一个页面在其中水平移动的网站.该插件旨在创建整页站点,在该站点中,通过滚动或按下键可以垂直滚动浏览每个部分,就像视差站点一样. 在我的文件中,我仅使用一个带有左右箭头的区域来包含我的多个页面以进行水平滚动.就像 htt ..

模态打开时块滚动

我正在为此网站进行工作,(使用如您所见,如果在“模态"打开时用鼠标滚动,则可以滚动到下一页. 我该如何阻止? 仅当您关闭模态时,我才需要使其滚动. PS:如果可以,我正在使用 Wordpress ... 编辑:我尝试过 JS $(document).on('click', '.ts-awesome-pl ..
发布时间:2020-11-11 01:25:02 其他开发

在角度应用程序中多次初始化fullpage.js

我正在构建一个在其几个页面中使用fullpage.js的Angular应用程序.目前,我正在使用模板中的自定义指令针对要使用的每条路线初始化整页(例如$('#this-routes-fullpage').fullpage({ options... })).在每个自定义指令的末尾,我都叫 scope.$on('$routeChangeStart', function() { $.fn. ..
发布时间:2020-11-11 01:24:59 其他开发

JS图像调整大小与fullPage.js兼容

我正在尝试集成以下代码: http://codepen.io/babybackart/pen/GZPjJd 使用fullpage.js在网站的一部分上。 此代码基于@ Seika85出色回答的先前问题:使.div像图片一样。 的目的是“包含”并调整容器“ .plancheBox”上的图像的大小,而不对其进行剪切。 在此示例中,猫图片的尺寸由容器使用以下第一个JavaScript代码驱 ..
发布时间:2020-10-06 20:18:17 前端开发

fullpage.js:在容器内使用鼠标指针滚动时禁用页面滚动

发生了什么事:无论滚动时我将鼠标放在哪个位置,滚动都能起作用. 我要实现的目标:当用户使用鼠标指针滚动到特定容器内时,我想禁止插件更改页面.当用户使用鼠标指针滚动到同一容器之外时,应恢复插件的正常功能;即页面应该再次可滚动. 我曾尝试过什么:我侦听了文档上的滚动事件,并发现在执行滚动时鼠标是否位于容器内,并将可能性存储为布尔值. $(document).bind("mousewh ..
发布时间:2020-07-08 07:21:18 前端开发