javascript - The loading animation effect of the page is not displayed?

1. The project I am working on now is a data table page. Since the background query takes a long time, in order to improve the user experience, a load animation is added. There is no problem with the plug-in for loading animation. However, during the execution of the method, it is found that the ani...

迷茫 2017-05-19 10:18:28 0  4  706

objective-c - Taobao personal settings page, label flying to nagtionbar animation effect, how to do it

On the Taobao personal settings page, how can I create the animation effect of lable flying to the nagtionbar? RT

PHPz 2017-05-02 09:37:22 0  1  972

Hide and show animated content: Create HTML pages with transition effects

I'm trying to make a website that displays content in book form, with page-turning animations. There are different svg images to animate for the content of each "page"; I'm not sure how to do this. Basically, is there a way to show and hide content the way I want without having to create a...

P粉674757114 2023-09-10 17:41:45 0  1  674

angular.js - How to implement sliding switching of pages in angular. The specific effect is the same as that of the daily Youxian homepage.

1. How to implement sliding page switching in angular 2. {Code...} 3. Screenshot effect of the homepage of Daily Excellent Fresh 4. I don’t know what “Daily Excellent Fresh” uses, but the switching is smooth and the data loads quickly. , after loading, I don’t know whether local storage is used, tur...

黄舟 2017-05-15 17:08:45 0  3  668

javascript - The css3 animation effect cannot be displayed on the Apple mobile phone. How to solve it?

The animation effect is achieved through animate.css. The browser on the Android phone, as well as WeChat and QQ, all run normally. However, Apple phones have compatibility issues. How to solve this? Online address https://ipukr.cn/ad/index.htm...

巴扎黑 2017-07-06 10:37:34 0  3  1427

html - css navigation bar is blurred, the navigation bar is fixed, and the page below is blurred as the page slides. How to achieve this?

After searching for a long time on the Internet, I couldn't find a solution that can dynamically affect the page below and make it blurry. This is a blur effect from Station B. It is static. The principle is to use two identical pictures, blur part of one and merge it with the other. My idea is to a...

大家讲道理 2017-05-24 11:36:02 0  2  1111

javascript - How to make the position of the fixedly positioned sidebar in the page dynamically increase with the scroll bar?

The requirement is like this. At first, the sidebar of the page is fixed at a certain position on the page (for example: right: 0; bottom: 0). As the scroll bar scrolls, in order to prevent the sidebar from folding the footer part (reference Picture below), when reaching a certain position, the valu...

高洛峰 2017-06-26 10:53:43 0  2  974

html - Using setInterval in jquery to make gears scroll in a loop

There is a gear. The animation we are making now is that the scroll event will be triggered when the mouse is hovering. The animation we want to make is that after the page is loaded, the gear will roll out and back again after a period of time. Both right scrolling and left scrolling can be achieve...

習慣沉默 2017-05-16 13:25:04 0  3  844

javascript - I found a strange problem. The css animation I wrote automatically paused when I closed the tab.

I found a strange problem. The CSS animation I wrote automatically paused when I closed the tab, and continued to play when I expanded the tab. I use the background image to move to achieve the effect of motion. Is it related to this reason?

给我你的怀抱 2017-06-30 09:52:30 0  1  851

scroll progress animation

I need to know how to animate scroll progress. This is not the normal scrolling progress, but something different. I'll provide a link to the website as well as a screenshot of the specific part that contains the animation I'm looking for. https://todoist.com/This is the link to the website. I have ...

P粉821808309 2024-03-29 19:36:49 0  1  411

javascript - How to disable the rubber band effect that appears on sarafi and IE on the mobile side

In the Safari browser on iOS, when the web page is scrolled to the top, you can scroll another distance like a rubber band and rebound after letting go. This effect also exists on Windows tablets. Please tell me how to use css to disable this effect, because it often affects the scrolling inside the...

大家讲道理 2017-05-19 10:12:15 0  1  620

Implement vertical scrolling within a page that targets a specific section without moving the entire page

I've seen this effect on some pages: you scroll down, but the page itself seems to be motionless. Therefore, some elements will fade in or out, appear or disappear. I have a section containing 5 cards. Now I want to create the same effect. When I scroll down to the section, I want to navigate the se...

P粉946437474 2023-08-15 19:29:46 0  1  422

Lower opacity of scroll background image, limit minimum opacity

I'm trying to get the background image to reduce the opacity on scroll and once away from the landing page, using vanillajavascript to lower it to a minimum of 0.5. I tried adding Math.max() in the scroll function to only get it down to 0.5, but it causes the image to stay at 0.5 for all pages. I wa...

P粉166675898 2024-04-04 23:50:53 0  1  1469

css3 - How to achieve the effect of each part of the page appearing as the scroll bar slides down?

I looked at a website. As the scroll bar slides down, every part of the page has the same effect as when it was first loaded. After refreshing again, these effects will reappear. How is this done? Is it written in the load of jquery? It is similar to the homepage of this website http://www.itxdl.cn/...

漂亮男人 2017-06-05 11:10:23 0  2  1835

angular.js - Use ng-class and whirl.css plug-ins to do Loading animation. Intermediate animation appears in the style.

Using the whirl.css plug-in for the Loading page, the expected effect of the transition animation appears: Actual situation:

滿天的星座 2017-05-15 17:11:55 0  1  751

angular.js - Add JavaScript animation effects to angular routing pages

Using angular routing, where is the JavaScript code such as the image carousel added to the subpage displayed in ng-view written?

怪我咯 2017-05-15 17:14:22 0  1  661

Javascript scroll IntoView only when in viewport

I made a mockup (note that it uses spacing as it scrolls to a new line of text while the video plays). I'm using scrollIntoView with block: 'nearest'. The problem is, since the entire page has scrolling, it still scrolls the page. I just want it to scroll to the active text line in the linesdiv (it ...

P粉011684326 2023-09-11 16:33:49 0  1  504

scroll offsethtml

I'm trying to do something in HTML and CSS but not sure if it actually works. I want to make sure I add some kind of "delay" when scrolling, like slowing down the scrolling to make it softer. Some sites do do this, I've been on some pages that scrolled differently than other sites and look...

P粉205475538 2023-08-17 23:52:56 0  1  507

Use mouse wheel for page zoom, click and drag to pan the page

How to create scrolling and panning effects for the entire page using the mouse wheel? Basically just like any 2D editor, scroll to zoom and click and drag to pan, but for the entire body. I can't find any information about it online.

P粉308783585 2024-03-26 14:11:27 0  1  353

javascript - How to get the dom element at the top of the current page in js.

Mainly, I want to achieve an effect similar to the right navigation bar of Baidu Encyclopedia. As the page scrolls, the navigation bar on the right also changes. Thanks. http://baike.baidu.com/item/G...

黄舟 2017-05-19 10:29:38 0  2  660