skrollr相关内容

网站在移动设备上无法滚动?

网站建立在引导程序上,我使用 skrollr.js 为标题图像添加视差效果.我认为这是不允许网站滚动的原因.我已经在多台设备上进行了测试,甚至在 Chrome 的模拟中进行了更多测试. 我已经阅读了 overflow: hidden 可能会导致问题,而且看起来 skrollr 正在将这些样式添加到 html 标签. 链接 - http://goo.gl/YofGx7 解决方案 ..
发布时间:2021-07-09 18:55:57 其他开发

iPad上的Skrollr截止

我正在使用Skrollr插件,并且在桌面上运行良好.但是在iPad上,我的文档的高度已截止.我试图删除所有skrollr数据属性,但是问题仍然存在,我注意到仅通过激活插件就可以解决此问题. 我尝试启用/禁用forceHeight选项,但问题仍然存在.有什么主意吗? 非常感谢 解决方案 我也遇到了这个问题,但是我通过添加一个空的 data-top 和 data-bottom 到# ..
发布时间:2021-05-19 20:46:10 前端开发

Skrollr.js插件在Bootstrap Carousel内部不视差-提供了Fiddle

我对用于视差和平滑滚动的SKrollr.js插件有问题.除了Bootstrap传送带以外,其他所有功能都正常,并且我确定与此有关的任何传送带都可以.显然,这是一个显示:插件加载时设置自身并且看不到任何.item类时,没有问题.但是我无法弄清楚到底如何让Skrollr在渲染时看到所有slides/.item类. 我什至尝试了这种东西.我的Skrollr标记不是代码始终对我有用的问题. 滑 ..
发布时间:2019-11-18 12:17:53 前端开发

如何进行水平视差滚动

我正在使用最新版本的Bootstrap,JQuery和Skrollr. 我希望有一个静态背景,并且在通过视差滚动滚动时会出现一些场景.当您滚动时,我可以制作场景,但我正在寻找一种方法,使您似乎不会在页面上向下移动. 我正在寻找一个像这样的场景: 请注意它如何左右移动,但不会像实际滚动页面时那样出现. 这是我能解释的最好的.似乎找不到任何好的教程可以完成此任务.在正确方向上的 ..
发布时间:2019-11-18 10:55:50 JavaScript

Skrollr添加空白

我已经尝试了一切.我精疲力尽,无法在Google上阅读4-5页,试图找到适合我的解决方案.即使使用skrollr示例,我的问题仍然存在(不是说它们做错了什么,我知道我只是不正确地理解它).因此,我上传了一个演示,仅在移动设备上显示此尴尬的空白.如果您尝试尝试,它将在桌面上正常工作. 我尝试了什么? 通过以下方式将forceHeight设置为false: skrollr.init( ..
发布时间:2019-11-15 11:57:16 前端开发

为什么skrollr阻止在ipad上滚动?

我正在尝试使用 skrollr 创建一个简单的视差动画:我的网站运行良好Chrome / Mac,但我在ipad上看到异常行为.. 在ipad上(在IOS模拟器上测试), 页面的主体根本没有滚动(或者可以在动画div下面的背景中滚动?) 动画背景位置(折纸图案)在 data-start / 数据顶部 - 底部定义的范围内向相反方向滚动(向下) 在桌面上,如果我破解,我可以模拟效 ..
发布时间:2018-09-26 17:00:50 IPhone

在滚动位置更改图像

我想在某个滚动位置更改图像。例如: Scroll 100px show img1.jpg Scroll 200px show img2.jpg Scroll 300px show img3.jpg 在这里我找到了一个例子我的意思。 任何想法? 解决方案 您可以使用 onScroll 事件来监听滚动,检查滚动条处于什么位置并使图像发生变化或者您想要的任何内容。您 ..
发布时间:2018-07-03 11:08:40 前端开发

禁用移动设备的Skrollr(< 767px)

首先要感谢@prinzhorn这样一个令人惊叹且功能强大的图书馆。我的问题:我已经在我的网站标题中实现了Skrollr视差背景,但我想在移动设备上观看时禁用此功能,尤其是iphone等。 (最大宽度:767px)。我想知道最好的方法是什么?如果destroy()函数能够做到这一点,或者我应该使用另一种技术?另外,如果destroy()是答案,我怎么能正确实现呢?非常感谢和示例或演示非常感谢。 ..
发布时间:2018-07-03 10:48:58 前端开发

暂停滚动到下一个“幻灯片”,直到所有动画完成

我正在为Skrollr滑块创建一个“受限”的视觉构建器。它允许用户构建包含幻灯片(html 部分标签)的滑块,这些幻灯片在页面上彼此相邻,每个幻灯片包含许多具有Skrollr数据属性的html元素/动画(关键帧?)应用于它们。 有没有办法暂停幻灯片(前进到下一张幻灯片),直到其所有内部元素都完成动画为止? 我知道示例 pausing.html ,它证明了我需要的东西,但这些“幻灯片”是 ..
发布时间:2018-06-20 17:01:16 前端开发

问题:使用Skrollr的水平滚动效果

我想创建一个由skrollr控制的水平动画。 向下滚动,我的页面的元素必须从我的容器的左边移动到右边。 假设我的元素具有相同的宽度,我设置 但是,如果我的图片有不同的宽度,那么滚动的数据从100%到0%。 此外,我想保留创建这种淡入淡出效果的不透明度动画。 以下是HTML代码: ..
发布时间:2017-02-10 15:39:34 前端开发

网站不会在移动设备上滚动

此网站不会在移动设备上滚动。我之前见过这个问题,但这似乎不是通常的嫌疑人。 解决方案 overflow:scroll 从 html,body CSS规则中删除。如果内容太长,那么内容会自行滚动,不需要特定的规则 - 它只会导致奇怪的行为(例如在Firefox中显示两个滚动条) ..
发布时间:2017-02-04 20:36:39 前端开发

音频上滚动

我做的skrollr插件网站,我几乎与图片做,滚动本身,所以我想现在添加音频,但我似乎无法使音频的启动和停止当我想它。这是我目前正与脚本: &LT;脚本&GT;$(窗口).scroll(函数(){ VAR HEIGHT = $(文件).height() - $(窗口).height(); 变种涡旋= $(窗口).scrollTop(); VAR audioElm = $(' ..
发布时间:2016-07-22 16:15:28 前端开发

在Firefox skrollr背景图像闪烁

我有一个背景图片的div。使用skrollr,我改变的背景图像,获得某种动画(纸airplaine折叠起来)的。 以prevent插值,我使用自定义缓动函数: easeInt:功能(P){ 返回Math.floor(P * 13)/ 13; } 我的动画看起来像这样(skrollr样式表): 3528 { 背景图片[easeInt]:网址(“IMG / plane14 / ..
发布时间:2016-05-15 21:51:16 前端开发

动画的&lt;身体GT;使用CSS和skrollr.js背景

我想动画背景位置的CSS属性的&LT;身体GT; 使用标记 skrollr.js 。我希望它稍微移动背景图像起来作为页面滚动到给它一点点香料。但是,使用此... 数据0 =“背景位置:0像素0像素;”数据-1000 =“背景位置:0像素-250px;” ...是行不通的。 我试图用一个&LT; D​​IV&GT; 来完成这一壮举(动画公司背景位置),但这不给我,我要找的效果。当我动画背景属 ..
发布时间:2016-05-15 21:40:04 前端开发