473,406 Members | 2,956 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,406 software developers and data experts.

performance hit when using overflow:scroll?

I haven't done it in a while, but I have on occasion placed a list
inside a box of a specific height (in ems of course) to prevent the list
from taking over the entire layout. However I noticed a significant
slowing at the browser end when doing this, most notably in MSIE, to the
point that I discontinued the practice. If memory serves me (which is a
risky proposition in itself) the browser worked well until
scrollbars/scrolling became necessary. Has anyone ever noticed the use
of this property causing the browser to crawl, if so is there anything
that can be done to minimize it?
Aug 26 '08 #1
2 1835
In article <tb******************@fe115.usenetserver.com>,
William Gill <no*****@example.comwrote:
I haven't done it in a while, but I have on occasion placed a list
inside a box of a specific height (in ems of course) to prevent the list
from taking over the entire layout. However I noticed a significant
slowing at the browser end when doing this, most notably in MSIE, to the
point that I discontinued the practice. If memory serves me (which is a
risky proposition in itself) the browser worked well until
scrollbars/scrolling became necessary. Has anyone ever noticed the use
of this property causing the browser to crawl, if so is there anything
that can be done to minimize it?
In general best to avoid putting heights (even in em). Got a particular
URL that shows this? I would not imagine it should cause significant
delay, why not post a test case?

--
dorayme
Aug 26 '08 #2
dorayme wrote:
In article <tb******************@fe115.usenetserver.com>,

In general best to avoid putting heights (even in em). Got a particular
URL that shows this? I would not imagine it should cause significant
delay, why not post a test case?
Sorry, no URL. They seemed to slow the browser up so bad I removed them
all. Not page load time, the browser itself slowed to a crawl,
scrolling, both inside the box, and the browser window were painfully slow.

However, I just tried it again on a page in development and it doesn't
seem to do that any more. I'm a little confused since I can't seem to
duplicate the original problem. It could be IE6 or an old computer
were the root, since both have been upgraded.

as for putting heights, I frequently put text blocks in a layout in the
same manner as images, with height and width as considerations for how
the "insert" impacts the overall balance, and aesthetics of the page.
If I have a long list of links to articles, I may not want them
dominating the layout. That's why I wanted to use the height limitation
and the scroll.

Aug 27 '08 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Ingrid | last post by:
Dear group, I wanted to make a scrollable list-menu that is fixed in place and fitted to the height of the browser window, so I tried: ol#nav{ position: fixed; top: 2em; bottom: 0; height:...
1
by: Tamir Kamara | last post by:
Hi, I have a page with several server controls (textboxes, datagrid, ...) which are positioned absolutely from the right of the page (like RIGHT: 25px; POSITION: absolute;). that works well if...
9
by: kjs | last post by:
Is there any was to control the color of the scrollbars when using the 'overflow: scroll' attribute? TIA, Karl
9
by: petermichaux | last post by:
Hi, Is it possible to use JavaScript to control how far down an overflowing div is scrolled? The situation might be like the following. <div style="overflow:scroll; height:3em;"> <p>One</p>...
1
by: davidr | last post by:
Hi, I am using Divs with CSS to setup a layout for a site. I am using the <Div>s and style sheets below. I want the TopMenu to go across the entire top of the browser. It does go across the...
1
by: Miked | last post by:
Hi: I have overflow: scroll style property set in a bunch of containers. Want to be able to suppress the horizontal scroll bar, as I know that the contents of my containers won't go over the...
1
by: Shankartalukdar | last post by:
Dear all, I am currently drawing a visualization tool in python using Tkinter. I would like to know how to add scroll bars into the canvas widget using the Tkinter module.Could you...
7
by: dablyz | last post by:
Hi there. Im currently trying to design a project, that loads local images using a dialog box, puts them in a picture box, and changes the height and width, based on the values of scroll bars. The...
4
by: justml | last post by:
hy , i'm new in the webdesign domain. and i need a code to change the defaul color (blue) of a scroll bar into dark colors: this is the code: <div align="left"...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.