| 123456789101112131415161718192021222324252627282930313233 |
- <!DOCTYPE html>
- <meta http-equiv="msthemecompatible" content="no">
- <div style="width: 200px; height: 200px; overflow: scroll;">
- <div style="width: 3725px; height: 3725px"></div>
- </div>
- <!--
- The size of the inner div is computed as follow:
- Input:
- outer_div_size: size of the div containing the scrollbar
- button_size: size of the scrollbar arrow buttons
- scrollbar_thickness: width/height of a vertical/horizontal scrollbar respectively
- thumb_size: height/width of the thumb of a vertical/horizontal scrollbar respectively
- Output:
- inner_div_size: size of the div to be scrolled
- Formula:
- slider_size = outer_div_size - 2 * button_size - scrollbar_thickness
- thumb_size = slider_size * (outer_div_size / inner_div_size)
- which gives:
- inner_div_size = (outer_div_size - 2 * button_size - scrollbar_thickness) * (outer_div_size / thumb_size)
- Testcase constants:
- outer_div_size = 200
- On XP/Vista at 96 dpi with theme disabled:
- thumb_size = 8 (minimum size)
- button_size = 17
- scrollbar_thickness = 17
- inner_div_size = (200 - 2 * 17 - 17) * (200 / 8) = 3725
- -->
|
