Questions tagged [browser-scrollbars]

30 questions
19
votes
1 answer

Apple-like scrollbars using CSS

I have noticed on some Apple sites like: http://help.apple.com/mobileme/index.html#mm5b08c671 they have custom scrollbars using the WebKit scrollbar CSS stuff that recently came out. However I am unable to replicate it at all. Any ideas how to do…
Cameron
  • 27,963
  • 100
  • 281
  • 483
18
votes
7 answers

Content jumps horizontally whenever browser adds a scrollbar

I'm using a fixed width body and auto margins to center my content in the middle of the page. When the content exceeds the page's height and the browser adds a scrollbar, the auto margins force the content to jump half the width of the scrollbar…
Nick Bergseng
  • 193
  • 1
  • 2
  • 7
10
votes
1 answer

webkit css scrollbar styling

Is there any way of getting rid of the scroll track entirely? Or making it overlay the content rather than pushing it aside? Like iOS/Lion scrollbars? The following gets pretty close, but even though the track is transparent, the content of the…
nicholas
  • 14,184
  • 22
  • 82
  • 138
10
votes
4 answers

Iframe - Vertical Scrolling Only

I have an iframe. I need a cross-browser solution to ensure that only the vertical scrollbar is visible, regardless of the width of the iframe's contents. My solution already has a dependency on jQuery, so if this is not possible with only CSS I…
smartcaveman
  • 41,281
  • 29
  • 127
  • 212
10
votes
1 answer

Scroll QTextBrowser to the top

I have the following: QString html = ui->DetailsTextBrowser->document()->toHtml(); html = details.replace("#VERSION", "1.0"); ui->DetailsTextBrowser->document()->setHtml(details); Unfortunately after the HTML content of the DetailsTextBrowser is…
Gad D Lord
  • 6,620
  • 12
  • 60
  • 106
9
votes
7 answers

Alert using Jquery when Scroll to end of Page

Is there a way to find out page end using Jquery, so that a simple message can be displayed saying you have reached end of the page.
Sandhurst
  • 227
  • 2
  • 6
  • 10
3
votes
1 answer

-webkit- textarea losing top & bottom padding on vertical scrollbar

I have a textarea element with fixed width & height and no resize and when the vertical scrollbar appears the padding (top & bottom) of the element is ignored. Here is a plnkr demo: http://plnkr.co/edit/jOeYXqkOZk3FCT24BRrk?p=preview This happens…
Tanase Butcaru
  • 962
  • 1
  • 10
  • 23
2
votes
1 answer

Changing the image of a scroll bar without flash

How can i change the appearance (not the color) of a scrollbar within a box with overflow? I know how to do it in flash, I need a way to do it without it. In fact, I want to know how they did this slider in the apple web site:…
4chief
  • 25
  • 6
2
votes
3 answers

How to remove long horizontal scrollbar from HTML page

I am starting one project using twitter bootstrap, however I got one issue. There is a long empty scrollbar horizontally. I can't find the problem, does anyone knows whats the problem? Thanks
dextervip
  • 4,999
  • 16
  • 65
  • 93
1
vote
1 answer

Is there any way to control scroll bar using JavaScript?

In my below code a function to scroll DIV for every set of intervals where when I try to scroll up due to interval refresh scroll bar again coming down. My code: var int = self.setInterval("f2()", 1000); function f2() { var objDiv =…
Mad coder.
  • 2,175
  • 8
  • 38
  • 53
1
vote
2 answers

How can I set width using percentage and get the same width with or without a vertical scrollbar?

I have an element which I want to have width: 50%. But when the right scrollbar is there, that 50% looks different than before, and since certain elements appear and disappear (through animation), the scrollbar also appears and dissapears,…
Shawn
  • 10,931
  • 18
  • 81
  • 126
1
vote
1 answer

How can I inititalise jScrollPane only when an element has an overflow scrollbar?

I have some ul elements with overflow: auto. Most of them don't overflow but a few of them do. I want to initialise jScrollPane only on those elements that have overflow, that have a scrollbar. I can't see an obvious way in the docs to do…
1
vote
3 answers

change scrollbar design

anyone know how to re-design scrollbar slider for IE ??not just a color but perform too..
newbie pisan
  • 327
  • 3
  • 5
  • 11
1
vote
1 answer

Hiding scrollbar without affecting page width or shaky page re-rendering

I have a div with position fixed (my dialog) which i give a higher z-index to takeover my page when a certain action is performed. Am trying to hide my scrollbar by doing overflow:hidden;without affecting the width of the page when the div takes…
Phil
  • 597
  • 11
  • 26
1
vote
0 answers

Scrollbar width is included in div width only sometimes

Sorry for the terrible title, but I couldn't describe my issue succinctly enough. I'm noticing a weird behaviour having to do with the scrollbars. I have a fixed menu on the left side of my web page. The menu is scrollable if the number of options…
Dsodo
  • 55
  • 4
1
2