Scroll page navigation shrink effect

29 Jun 2017

Many bloggers have written/reposted methods of using jQuery to achieve page scrolling (Scroll) effects in the past, but most of the methods found so far have a small bug under Opera: using jump directly causes the screen to flicker. Today, the super low-key expert Willin shared a perfect method to solve the bug of jQuery's scrolling effect under Opera. I then debugged and applied it to my current theme. It has been tested perfectly and I specially posted the code for explanation. Because I don’t know much about js, and I only scratch the surface of jQuery. I can’t explain the principle clearly. I can only explain how to modify it.

16 May 2016

This article mainly introduces jQuery css to realize the page navigation effect of Baidu Encyclopedia. Friends who need it can refer to it.

16 May 2016

This article mainly introduces the page custom scroll bar effect implemented by JS, involving related techniques of JavaScript combined with CSS to set the page scroll bar style. It has certain reference value. Friends who need it can refer to it.

16 May 2016

The project needs to write a piece of code to simulate Scroll. While sharing, I have some questions. I hope everyone can help solve them. The code is as follows

06 Jun 2017

Use TabHost and RadioButton to achieve page navigation effect

11 Apr 2018

This time I will bring you how to add a scroll to the top effect in Vue on the page. What are the precautions for adding a scroll to the top effect in Vue on the page? Here is a practical case, let’s take a look.

16 May 2016

This article mainly introduces the 360 ​​navigation page icon drag sorting effect code. It is recommended to everyone. Friends in need can refer to it.

22 Jul 2017

Recently I came across a design effect requirement from a designer, which has also been implemented on other websites: state1: when the webpage scrolls down, the page header bar disappears, and the top nav moves upward; state2: when the webpage scrolls up, the page header bar appears, and the top nav leans down along nav. The page already contains the following functions: 1. When a pop-up window pops up, the pop-up window layer can be scrolled, but the page layer does not allow scrolling. At this time, the overflow style attributes of the body element and html element in the page are both set to hi

26 Apr 2023

In front-end development, we often need to use jQuery to handle some interactive effects and animation effects, such as animation effects when the mouse is hovering, animation effects when the page is loading, etc. But sometimes we need to set a delay time so that these effects can be better expressed. So, how does jQuery set a delay? This article will introduce this issue in detail. 1. Delay method in jQuery In jQuery, delay effect can be easily achieved by using the delay() method. The delay() method can be used