blocks|key|785960|text|您可以通过使用fullPage.js轻松地实现这一点。如果你想保持滚动条不变，只需使用该as+in+this+example的scrollBar:true选项即可。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|785961|正如您看到的in+this+example，使用scrollOverflow:true选项可以克服您的问题。|785962|来自fullPage.js+documentation|785963|scrollOverflow:+|BOLD|785964|+(默认false)定义是否在内容大于高度的情况下为部分创建滚动。当设置为true时，您的内容将由插件包装。考虑使用委派或在afterRender回调中加载其他脚本。如果将其设置为true，则它需要供应商插件jquery.slimscroll.min，并且应该在fullPage.js插件之前加载。|blockquote|785965|785966|785967|此外，fullPage.js：|785968|苹果|785969|提供了更多的选项、方法和可能的callbacks.|unordered-list-item|785970|
|785971|when，它使用了在平板电脑和移动phones.|785972|785973|Solves中表现更好的css3转换，苹果笔记本电脑触摸板、苹果魔术鼠标和任何动态scrolling.|785974|785975|Provides+a+set+of+extensions|785976|
都存在问题|785977|entityMap|0|LINK|mutability|MUTABLE|url|http://alvarotrigo.com/fullPage/|1|http://alvarotrigo.com/fullPage/examples/scrollBar.html|2|http://alvarotrigo.com/fullPage/examples/scrolling.html|3|https://github.com/alvarotrigo/fullPage.js|4|http://alvarotrigo.com/fullPage/extensions/^0|1R|E|7|B|0|18|I|1|0|O|J|6|F|2|0|2|P|3|0|0|F|0|0|0|0|0|0|0|0|0|0|0|0|B|H|4|0|0^^$0|@$1|2|3|4|5|6|7|1Q|8|@$9|1R|A|1S|B|C]]|D|@$9|1T|A|1U|1|1V]|$9|1W|A|1X|1|1Y]]|E|$]]|$1|F|3|G|5|6|7|1Z|8|@$9|20|A|21|B|C]]|D|@$9|22|A|23|1|24]]|E|$]]|$1|H|3|I|5|6|7|25|8|@]|D|@$9|26|A|27|1|28]]|E|$]]|$1|J|3|K|5|6|7|29|8|@$9|2A|A|2B|B|L]]|D|@]|E|$]]|$1|M|3|N|5|O|7|2C|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|2D|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|2E|8|@]|D|@]|E|$]]|$1|R|3|S|5|6|7|2F|8|@]|D|@]|E|$]]|$1|T|3|U|5|6|7|2G|8|@]|D|@]|E|$]]|$1|V|3|W|5|X|7|2H|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|2I|8|@]|D|@]|E|$]]|$1|10|3|11|5|X|7|2J|8|@]|D|@]|E|$]]|$1|12|3|Z|5|6|7|2K|8|@]|D|@]|E|$]]|$1|13|3|14|5|X|7|2L|8|@]|D|@]|E|$]]|$1|15|3|Z|5|6|7|2M|8|@]|D|@]|E|$]]|$1|16|3|17|5|X|7|2N|8|@]|D|@$9|2O|A|2P|1|2Q]]|E|$]]|$1|18|3|19|5|6|7|2R|8|@]|D|@]|E|$]]|$1|1A|3|-4|5|6|7|2S|8|@]|D|@]|E|$]]]|1B|$1C|$5|1D|1E|1F|E|$1G|1H]]|1I|$5|1D|1E|1F|E|$1G|1J]]|1K|$5|1D|1E|1F|E|$1G|1L]]|1M|$5|1D|1E|1F|E|$1G|1N]]|1O|$5|1D|1E|1F|E|$1G|1P]]]]

You can easily achieve that by using <a href="http://alvarotrigo.com/fullPage/" rel="nofollow">fullPage.js</a> instead. If you want to keep the scroll bar as in scrollify, just use the option <code>scrollBar:true</code> for that <a href="http://alvarotrigo.com/fullPage/examples/scrollBar.html" rel="nofollow">as in this example</a>. 

Using the option <code>scrollOverflow:true</code> you can overcome your problem as you can see <a href="http://alvarotrigo.com/fullPage/examples/scrolling.html" rel="nofollow">in this example</a>. 

From <a href="https://github.com/alvarotrigo/fullPage.js" rel="nofollow">fullPage.js documentation</a>:

<blockquote>
 scrollOverflow: (default false) defines whether or not to create a scroll for the section in case its content is bigger than the height of it. When set to true, your content will be wrapped by the plugin. Consider using delegation or load your other scripts in the afterRender callback. In case of setting it to true, it requires the vendor plugin jquery.slimscroll.min and it should be loaded before the fullPage.js plugin. 
</blockquote>

Additionally, fullPage.js:

<ul>
<li>Provides much more options, methods and callbacks.</li>
<li>when possible, it uses css3 transformation which perform better in tablets and mobile phones.</li>
<li>Solves problems with Apple laptops trackpads, Apple magic mouses and any kinetic scrolling.</li>
<li>Provides a <a href="http://alvarotrigo.com/fullPage/extensions/" rel="nofollow">set of extensions</a></li>
</ul>

blocks|key|523712|text|Scrollify最近收到了一些更新，解决了你所遇到的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|523713|Scrollify现在有更多的选项，方法和回调，它现在可以很好地与触摸板，Apple+Magic鼠标和动态滚动一起工作。|523714|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Scrollify has recently received a number of updates that resolve the issues you've been having. 

Scrollify now has additional options, methods and callbacks and it now works great with trackpads, Apple Magic mice and kinetic scrolling.

I am trying to use the script Scrollify (<a href="https://github.com/lukehaas/Scrollify" rel="nofollow">https://github.com/lukehaas/Scrollify</a>) but I have sections that are longer than the user's screen, which means you first have to scroll down to see that contents' content.

Scrollify, however, doesn't let this happen and will just immediately scroll to the new section.

Is there a way to modify Scrollify and/or use another script that will accomplice what I would like it to do?

Scrollify section scroll with overflow

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试使用script Scrollify ()，但是我有比用户屏幕更长的部分，这意味着你必须首先向下滚动才能看到内容的内容。然而，Scrollify不会让这种情况发生，它会立即滚动到新的部分。有没有办法修改Scrollify和/或使用另一个脚本来辅助我想要它做的事情？

问带有溢出的Scrollify节滚动
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有溢出的Scrollify节滚动EN