I’ll introduce how to use jQuery Scrollify, along with issues I encountered and their solutions.
The systematic usage of jQuery Scrollify is explained in detail in the reference articles above, so this article focuses on issues I encountered while using it and their solutions.
❌ Case where display breaks on First Paint
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script>
</body>
✅ Case where display doesn’t break on First Paint
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script>
</head>
That’s all from the Gemba.