Asksearch_php.cn

Community Learn Tools Library Leisure

English

Popular searches：
PHP
MySQL
jquery
HTML
CSS

Unexplained right margin when page is not full screen - Nuxt/Tailwinds

I'm trying to make a simple resume page using Nuxt, Vue3 and TailwindCSS. When my browser is full screen everything looks fine and everything works fine. However, if I see anything other than full screen, the right side of the page in the main part of the app is blank for no reason. (please ignore t...

P粉710478990 2023-09-01 00:05:46

CSS animation that looks closer and farther from left to right, simulating the movement of a glass facade on a turntable

I'm trying to create a CSS animation that moves horizontally from left to right while appearing closer and further away, simulating the movement of the glass on a turntable plate when viewed from the front. I'm getting close, but it still doesn't look right, currently it looks like it's moving along...

P粉208469050 2023-09-04 21:59:55

I don't know if my understanding of falling is correct or not.

The reason why the middle body is written at the back is that the previous left right has the float attribute set and is out of the document flow. At this time, the following body will automatically move up to the original document flow position of left. margin-left=left's width, margin- right=width...

枫叶 2018-03-26 12:15:22

javascript - Problem with multiple switching directions in swiper.js

The current scene is like this. There are four animation pages that switch left and right, and each animation page must be able to slide down to switch to another same page. Now I am using swiper.js. How can I switch animations between these left and right? The page can slide down to display the pag...

过去多啦不再A梦 2017-06-24 09:43:29

Can I maintain CSS transitions when the toggle attribute is used?

I have a div that moves from left to right. To make it always on screen and never aligned when the window is resized, I switch the use of left and right depending on which side of the screen is closest.

P粉465675962 2023-08-02 21:13:37

javascript - echart pie chart series.name problem

As shown in the picture, my container is on the upper edge of the blue border. After the pie chart is drawn, the name of the series exceeds the border, but there is a lot of space in the naming on the right side. Why not draw it to the right, and the light blue legend continues to the left (tilt sli...

漂亮男人 2017-05-19 10:36:05

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

javascript - How to make the picture full screen when clicking on the picture with phoneswipe?

I want to make a mobile phone click on the picture to preview the picture, and can slide left and right, but the picture cannot be full screen. Please give me some advice. Please tell me how to configure the parameters to make the width=100% in the picture below. Thank you. . Or are there any other ...

ringa_lee 2017-07-05 10:41:07

CSS and HTML methods for moving paragraphs to the left on mobile sized screens

It looks perfect on a normal 16:9 computer screen, with text on the left and images on the right. However, when it comes to smaller screens (e.g. phone size screens), it does display the picture on top of the paragraph like I want it to. I'm very new to this so please help. This is my media file @me...

P粉043470158 2024-04-04 20:25:22

Menu background I want it to be 100% width with no left, right and top gaps

Menu background color should be full width, 24 inches and below should be full screen. This is what it looks like. The website URL is also in the image. Below is my scss to add background color. Could someone please edit the code below so that the background color touches the left and right and the ...

P粉245003607 2023-09-10 21:43:33

javascript - swiper tab switching. How can I make the swiper container move by clicking each button?

How can I make the swiper container move by clicking each button for swiper tab switching? For example, if NetEase's top tab switching clicks each button, the tab switching container will scroll (1: It can scroll left and right, and the content fills the entire container. ,) http://3g.163.com/touch/...

迷茫 2017-06-14 10:54:16

javascript - How to implement the drag-and-drop function of jquery ui to stop drag-and-drop when certain conditions are met

As shown in the picture, I can drag the small dot in the lower right corner to zoom the image. Since the zoom function of jquery ui cannot be satisfied, I wrote this myself. Now I need to drag the small dot in the lower right corner to the position in Figure 2. , you can no longer continue dragging ...

某草草 2017-05-19 10:42:24

javascript - Use swiper.js to realize the sliding of multiple h5 articles. Click on the article to jump to the full text to another page. Click to return to the sliding interface. How to locate the corresponding swiper_slide

Used swiper.js to realize left and right sliding switching of articles. Click to expand the full text. I wrote another html page. How can I return the corresponding article thumbnail on this page? Now that I return it, I will return to the first article's thumbnail and locate the corresponding slide...

某草草 2017-06-10 09:48:38

justify-content: space-between in Flexbox doesn't seem to work

I've tried changing a lot of things in the CSS using classes and IDs, but there doesn't seem to be any way to get both images to be on the far side of the screen (logo on the far left, profile on the far right). Tried a lot of different things like text-align and different justify-contents but nothi...

P粉511749537 2024-03-21 23:06:10

javascript - How to implement a navigation menu that can slide left and right

Similar to the light red navigation bar at the top of http://m.hexun.com, it can move smoothly left and right. This way you can put more menu items on the phone screen. Is there any juice plug-in for this effect? When I search online for slide menu, the website navigation comes out from the middle...

習慣沉默 2017-07-05 11:03:37

Fixed issue with navigation bar content overflowing to the right on mobile landscape view.

Finished my navigation bar on PC and shared the code to my iPhone for landscape and portrait viewing. In landscape, the navigation bar overflows to the right. Added env(safe-area-inset) value for non-blocking purpose view, but overflows on the right side. Can't seem to find the problem. The horizont...

P粉268284930 2023-09-06 09:24:34

Number counter animation preloader window when loading Javascript Html CSS

I want to create a number counter animation on my portfolio website. I have some jquery code in my old website that transitions from the preloader to the website when fully loaded. <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}); </script&g...

P粉523625080 2023-09-11 22:37:54