问题标签 [jquery-scrollify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
195 浏览

jquery - Scrollify allowing small movements between slides

I've implemented Scrollify in a page I'm building - but it's allowing little micromovements between the slides instead of snapping properly. I'm almost certain the DIV's are being calculated correctly, and understand that it's more designed to work with Sections, but I don't think that's what is happening here.

Secondary to this, the scrolling is unpredictable on iOS - sometimes it refuses to budge.

I'm hoping this is just a small error in my code - but I sure as hell can't find it!

I'm trying to avoid using CSS snap points as I had way more issues with them - this is almost perfect.

http://223.252.101.58/~mb/nothing/

0 投票
1 回答
114 浏览

javascript - 为什么我的 jQuery 调整大小触发不一致?

我正在整理一个涉及一些元素(图像/文本/对角线)的网站,这些元素必须在不同的屏幕上按比例缩放。

因为有文本需要调整大小,所以我使用 jQuery 根据比率计算所有元素的测量值。这是我当时能想到的最好的解决方案,而且随着最后期限的临近,我想我坚持下去了。它是一个按页面滚动的单页站点(例如,视口中的整页)。

这是演示站点的链接

代码背后的想法:

  • 我们检查视口的高度来设置容器大小
  • 根据容器大小和必要的边距设置包装器元素高度
  • 根据比率设置宽度
  • 使用这些值来计算字体大小、图像大小和偏移量

随着屏幕大小的调整,元素会按比例缩小以填充可用空间。

它看起来像这样:

它的外观截图

有两个这样的面板。我为第二个面板重复使用相同的代码(具有不同的变量名称和一些大小差异)。

这是我的第一个 Javascript/jQuery:

它有效:大多数时候。

如果我拖动我的窗口来调整大小,一些元素会被调整大小。其他人没有。

页面刷新通常可以解决它,但是现在,元素(主要是图像!)只是没有正确缩放并且与其他元素同步。

我对 jQuery 很陌生,这是我的第一个大事业。也是新手 resize。希望我只是犯了一个很容易解决的问题。

谢谢!

现场链接

其他正在使用的插件:jQuery Scrollify(用于整页滚动)和ScrollReveal

0 投票
1 回答
51 浏览

jquery - 我怎样才能只为一个特定的插件使用另一个 jQuery 版本?

Scrollify不适用于我需要运行的 jQuery 1.12.4。所以我需要添加另一个 jQuery 版本,到目前为止还可以。但是如何确保 Scrollify 使用其他 jQuery 版本,而我的页面的其余部分不使用呢?

0 投票
0 回答
1015 浏览

javascript - 将视差滚动与 scrollify 结合起来

我从http://keithclark.co.uk/articles/pure-css-parallax-websites/学习了使用视差滚动 我尝试使用 Scrollify jQuery 插件捕捉到部分。他们俩都为我工作得很好。但是当我尝试结合这两种效果时,它不起作用。当我滚动浏览几个透明背景部分时,我想要有视差效果。有人可以帮我实现这一目标吗?提前致谢...

在上面的代码中,我想在 parallax_layer--base div 中包含滚动效果,以便背景滚动更慢,而前景页面在滚动时捕捉到部分。(视差*类属性在上面提到的链接中定义。)

0 投票
1 回答
663 浏览

jquery - jquery-scrollify 中的长部分

使用jquery-scrollify,如果有比窗口长的部分,用户在有机会滚动整个部分之前跳到下一个部分。我知道作者已经添加了新的方法和选项来处理这个问题,但是我在任何地方都找不到任何可以启发我的文档或解释。

任何解释或答案都会很棒。

0 投票
3 回答
2188 浏览

jquery - jQuery Scrollify 和固定标题

我有一个始终固定标题的网站,并尝试使用 jQuery Scrollify 插件。它运作良好,但固定标题重叠内容。因此,在每个部分滚动后,此部分的部分都会重叠。Scrollify 有选项“偏移”,但它没有帮助。我认为它需要像“负偏移”这样才能从顶部缩进。例如:-100 等。

也许有人对此有疑问?

0 投票
1 回答
1058 浏览

jquery - 使用 scrollifys interstitialSection 作为页脚

你能帮忙实现一个带有滚动的页脚吗?根据网站http://projects.lukehaas.me/scrollify/上的说明,我相信我需要做的就是将页脚声明为 interstitialSection。但是,尽管这会将页脚从面板/幻灯片中取出,但我无法用鼠标滚动到它。

http://codepen.io/gburton85/pen/XdmMgB

谢谢

0 投票
2 回答
1186 浏览

javascript - 当 sectionName 为 false 时,滚动移动不起作用

我正在使用 Scrollify 插件。单击按钮时,我想移动到某个部分。但是当我设置sectionName为时false,它似乎不起作用。sectionName当未设置为时它工作正常false,但我不想在我的地址栏上看到 # 因为当我刷新/重新加载页面(例如在第 3 部分)并滚动时,它会滚动到下一部分(从第一节到第四节)。
有没有办法在什么时候移动到特定sectionName部分false

这是我到目前为止所做的:
JS

HTML

谢谢!:)

0 投票
0 回答
235 浏览

jquery-scrollify - 缺少页眉和页脚部分 - jquery-scrollify

在我的 wordpress 网站中,我添加了 jquery-scrollify 效果页眉和页脚丢失,..这里我不想对页眉和页脚使用滚动效果

0 投票
1 回答
446 浏览

jquery-scrollify - 链接到 Scrollify 标准滚动元素中的 div

我在我的网站上使用 scrollify。(https://github.com/lukehaas/Scrollify

我的第一部分有一个链接,它指向第二部分(标准滚动元素)中的一个 div,但是当我点击它时,滚动总是向上滚动到第二部分的开头。

是否有可能让 scrollify 停留在正确的 div 上

我在这里做了一个小提琴:

http://jsfiddle.net/rz6yv2up/2/

感谢您的帮助 :)