javascript - How to make a PC website appear dynamically as the mouse scrolls

Question

This is the demo URL: http://demo.cssmoban.com/csst...
How to make the content in the web page dynamically appear when the mouse ball slides

Answer 1

You can use some third-party development libraries such as wow.js, or you can make your own

Answer 2

According to the scroll bar on the right, when it reaches the specified position, it will be displayed and the corresponding dynamic effect code will be executed.

Answer 3

Monitor the scroll height and add CSS3 style

Answer 4

This just adds a scrolling monitor. Scroll to the corresponding position to change the opacity of the corresponding position from 0 to 1, as well as some other css properties. These styles have added animation effects.

Answer 5

It is necessary to add a monitoring scroll event, and use the listening results to determine whether to obtain it asynchronously or add or display the existing but not displayed parts

Answer 6

//Mouse scroll event
$(window).scroll(function(){

//获取当前滚动条距离顶部的高度
var scrollTop = $(this).scrollTop();  
//定义你动画动画应该在滚动条在哪个高度以上显示  假设200px；
if(scrollTop>200){
    //你的动画效果函数
}

}