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

html - Elements display differently in Google and Firefox browsers. Want to use a css hack to solve it?

The height of the div element displays different effects in Google and Firefox browsers. I want to use css hack to solve it, but these two pieces of code don't work. Can someone explain it to me? . .

淡淡烟草味 2017-06-17 09:16:40 0  2  977

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  622

ScrollPosition not set to top when navigating to other pages

The web page is designed using a master-slave approach. The master has tabs (left pane) that, when clicked, display the corresponding pages in the slaves (right pane). For example. master has three two tabs "Schema and Templates" where the schema is displayed by default. The user can navig...

P粉556159786 2023-08-30 09:07:14 0  1  565

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

Can't scroll vertically in React mode

I'm trying to display a modal in my React project. When the modal is shown, I set the body's overflow to hidden via useEffect (otherwise, it shows the scrollbar for the main content below the modal). It works perfectly to prevent the background content from scrolling, but the problem is that I can't...

P粉760675452 2023-09-16 11:18:16 0  1  1079

window.pageYOffset gets wrong value on iPad

I have a title float that disappears when you scroll down the page. Works fine, just not on my iPad. When I scroll up the page, the navigation menu appears as expected, but as soon as I let go of the page, it disappears again. It also appears when the page reaches the bottom <!doctypehtml><...

P粉022285768 2024-03-21 23:52:08 0  1  333

Front-end - How angularJS uses isscroll4 to achieve page scrolling effect

Use the project created by yeoman, then download iscroll4 from bower, and directly call the {code...} using native js, but it has no effect. . . I am new to angularJS, and the teacher who tutored me is very busy now. So I would like to ask you for advice on how to use it. Console error: Uncaught Ref...

大家讲道理 2017-05-15 16:54:56 0  2  605

javascript - Is only the last data output after the forEach loop?

As shown in the code, is the data generated after the foreach loop only the last one? My console.log(index); console can print out 0, 1, 2, 3, 4, but the pictures finally displayed on the page are all the pictures in case: 4. {Code...} This is the effect displayed on the page. The pictures are all.....

高洛峰 2017-05-19 10:09:07 0  3  691

Return to the previous position of the React page

Imagine I have a very long list called Page A. I scroll down to line 500. This row is also a link to page B, showing the details of the row. After checking the details on page B, I want to go back to page A, but I want to go back to the point where I went to page B, which is line 500. How can I achi...

P粉883278265 2023-08-29 23:54:13 0  1  629

My website displays fine on desktop but not on mobile screen

I use HTML/CSS to design my personal website. But the text doesn't scale to the phone. Please refer to the picture below. Websites look great on desktop, but don’t display well on mobile devices. My Google Drive embed doesn't even fit on the phone screen. My phone displays GGDPDF embedded. What shou...

P粉827121558 2024-03-30 15:09:41 0  1  515

css - layer icon problem

The code for the icon is written like this on the page, but it cannot be displayed. Does layxer need to introduce font or css to use the icon? If so, where can I download it? . .

给我你的怀抱 2017-07-05 10:45:57 0  2  1189

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

javascript - How to customize vscode what you want

The effect you want to achieve by vscode customization is to press the shortcut key JS and click variable A to jump to the declaration of variable A. In CSS, click the class name B to jump to B{...}. Unused JS variables or The CSS class name is grayed out and the JS arrow function is automatically c...

代言 2017-07-05 10:38:58 0  1  932

javascript - Why does my router-link in vue not work?

{code...} {code...} This is the content of App.vue. In fact, the page display has been mounted as a tag, but clicking has no effect, and there is no effect of clicking to change the component {code. ..} This is the code for one of the routers. The other two are basically the same. How can I get the ...

漂亮男人 2017-05-16 13:38:06 0  2  700

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  356

javascript - Mobile selection plug-in, but the data is defined by itself

It is similar to the effect on the right, but the data inside is customized. First of all, it is the effect of the mobile terminal. Secondly, there are many lists. To display the effect according to the picture, the data can be the data obtained from the background.

PHP中文网 2017-06-14 10:54:06 0  2  646

angular.js - angularjs how to display div based on dynamic id

I dynamically set the ID code of the div in the html as follows: {code...} After parsing the html, the effect of the dynamic ID can be seen, similar to this: {code...} I want to dynamically control the display of these divs or not. show. I wrote this code in js: {code...} The result didn't work for ...

给我你的怀抱 2017-05-15 17:08:52 0  7  732

When using nuxt2 I need /index as part of the URL

The task request path renders xxx.com/index/news, xxx.com/index/User. For this effect, I set the file tree to: pages/--|index/-----|News/------ -|index.vue-----|User/-------|index.vue--|index.vue But I cannot successfully jump to other pages except the root directory. What do I need to do to make th...

P粉635509719 2023-09-12 19:54:51 0  1  635

javascript - Scope issue of parameters in JS function

1. Wrote a drop-down scroll bar to load more functions. The code is as follows. The dropload event is a + function that monitors the scroll wheel. When entering page A for the first time, the ajaxModel function is triggered and the method and param are passed in. However, When this screen of data is...

巴扎黑 2017-06-26 10:52:31 0  1  709