Page scrolling up and down is not smooth_html/css_WEB-ITnose

The page is displayed in the ff browser and the up and down scrolling is smooth, but the scrolling is not smooth in IE and 360. What is the reason? Is it because of the page or the background? Newbie please help me, thank you! ! ! Also, doesn’t 360 use IE core? Why is the display position of the page different in 360 and IE?

Reply to discussion (solution)

IE’s js efficiency is indeed lower than FF’s

IE’s js efficiency is indeed lower Lower than ff

I haven’t written js yet. Will the low efficiency of js cause unsmooth scrolling?

body{background:url(about:blank) fixed}


Try adding this sentence to the style

body{background:url( about:blank) fixed}


Try adding this sentence to the style

Okay, let me try. What does this sentence mean?

Quoting the reply from mubeibei on the 3rd floor:
body{background:url(about:blank) fixed}


Try adding this sentence to the style

Okay, let me try. What does this sentence mean?

does not allow the page to re-render elements~·

Quote from 4th floor heather_suyisi's reply:
Quote from 3rd floor mubeibei's reply:
body{background :url(about:blank) fixed}


Try adding this sentence to the style

Okay, let me try. What does this sentence mean?



Does not allow the page to re-render elements~·

It’s useless. Are there any other reasons?

What page are you on, and does this happen again?
If so, does it mean that the network delay time is relatively long?
If you scroll from bottom to top, will it still happen?

http://www.cnblogs.com/tuyile006/archive/2007/03/28/691329.html


The original poster looks at this tag

Me What I'm doing is asp.net, an electronic mall. When it's displayed under 360 and IE, it looks like water ripples when scrolling up and down, which is dazzling. I don't know why. I tried it just now, and it seems that if the page does not have product pictures but text, it will not work (because the background is white and I can’t see clearly). What is the reason? I guess it's because of my machine, but it doesn't make sense. It's fine under FF.

http://www.cnblogs.com/tuyile006/archive/2007/03/28/691329.html


Poster Look at this tag

What? I don’t use this scroll tag. What I mean is that after the page is displayed, scrolling down with the mouse will look like water ripples, which is very dazzling

Quoting the reply from mubeibei on the 8th floor:
http: //www.cnblogs.com/tuyile006/archive/2007/03/28/691329.html


Poster Look at this tag


What? I don’t use this scroll tag. What I mean is that after the page is displayed and scrolled down with the mouse, it will look like water ripples, which is very dazzling

Can you take a screenshot? Or is it just on the monitor?

By the way, did you use margin? Scroll elements inside?

I have encountered this before~·It’s because the elements inside are valued with margin, so the effect is the same as what you said~·


Do you also use it? Margin?

Passing by I also want to know the answer

By the way, did you use margin? Scroll elements inside?

The css uses "margin, margin-top, margin-bottom", etc. It is used, why not?

Quoting the reply from mubeibei on the 12th floor:
Yes Did you use margin? Scroll elements inside?

The css uses "margin, margin-top, margin-bottom", etc. It is used, why not?

Uh, if you don't use margin, it won't get stuck~·I used to I've encountered this before, and it was fine without margin~·

Quoted from 10th floor heather_suyisi's reply:

Quoted from 8th floor mubeibei's reply:
http://www .cnblogs.com/tuyile006/archive/2007/03/28/691329.html


Poster Look at this tag


What? I don’t use this scroll tag. What I mean is that after the page is displayed and scrolled down with the mouse, it will look like water ripples, which is very dazzling
Can you take a screenshot? Or is it just on the monitor?

Screenshot? There's no way, it only happens when it's moving, I can't take a screenshot

You can try it first~·Delete the margin of the element style inside first, and then see if it is still stuck~·

Quote 15th floor heather_suyisi's reply:
Quote 12 Lou mubeibei’s reply:
By the way, did you use margin? Scroll elements inside?

The css uses "margin, margin-top, margin-bottom", etc. It is used, why not?


Uh, if you don't use margin, it won't get stuck~·I used to I've encountered this before, and it's fine if I don't need margin~·

No, how can I increase the distance without using this tag? CSS is not invented to prevent people from using it, so how to use it? What about other alternatives?

You can try it first~·Delete the margin of the element style inside first, and then see if it is still stuck~·

Okay, I will try it first and then talk

Quote from 19th floor heather_suyisi’s reply:
Quote 16th floor mubeibei’s reply:
Quote 15th floor heather_suyisi’s reply:
Quote 12th floor mubeibei’s reply:
That’s right Did you use margin? Scroll elements inside?

The css uses "margin, margin-top, margin-bottom" and so on. Why is it not working?


Well, if you don’t use margin, then...

Still no use. . . . . , this is not the problem

Quote from 21st floor mubeibei’s reply:
Quote from 19th floor heather_suyisi’s reply:
Quote from 16th floor mubeibei’s reply:
Quote from 15th floor heather_suyisi’s reply :
Quoting the reply from mubeibei on the 12th floor:
By the way, did you use margin? Scroll elements inside?

CSS uses "margin, margin-top, margin-bottom" and so on...

Uh, that's really unclear. I used to do it because of margin. Question

Quote from 22nd Floor heather_suyisi’s reply:
Quote from 21st Floor mubeibei’s reply:
Quote from 19th Floor heather_suyisi’s reply:
Quote from 16th Floor mubeibei’s reply:
Quote from the 15th floor heather_suyisi's reply:
Quote from the 12th floor mubeibei's reply:
By the way, did you use margin? Scroll elements inside?

css uses "margin, mar...

Oh, thank you anyway, wait and see if others have other answers

You What page is this, and does this happen?
If so, does it mean that the network delay time is relatively long?
If you scroll from bottom to top, will it still happen?

Network Delay? The page is all displayed, even if you scroll up!

Maybe your image file is too big, please make it smaller

I am using asp.net. When the e-mall is displayed under 360 and IE, scrolling up and down will look like water ripples, which is dazzling. I don’t know why. I just tried it, and it seems that it won’t work if the page does not have product pictures but text (because the background is white). I can’t see clearly), what is the reason? I think it’s my machine, but it doesn’t make sense.

The graphics card driver is not installed...

Reduce the number of pictures on the page or optimize the size of the pictures or regularly generate static pages for pages with multiple pictures, and add the function of dynamically loading pictures on the scroll bar
Otherwise, you will have to use another browser next time! What to do?

Quote from 1st floor zl_system’s reply:
IE’s js efficiency is indeed lower than ff’s


I haven’t written js yet, js efficiency is low. Will it cause unsmooth scrolling?

This is a great hack~

Also, doesn’t 360 use IE kernel? Why is the page display position different between 360 and IE? >
It is the core of IE, but sometimes the display is different ~ I have experienced it too ~

Remove the smooth scrolling in the advanced settings of the interne option

Test with other computers!

I have the same problem, please solve it!

I have the same problem!