4 ms·

I actually agree with you--I prefer for the scrollbar to remain visible. In my preferred reading environment, a Windows PC running Firefox, it does remain visi

by bhauer 13y ago

I actually agree with you--I prefer for the scrollbar to remain visible. In my preferred reading environment, a Windows PC running Firefox, it does remain visible. I like clean design, but not at the expense of function. I am firmly of the opinion that too much functionality has been sacrificed from modern user interfaces at the altar of simplicity. I'm nevertheless of the point of view that the content author should not fuss with these specific particulars, leaving them instead to the discretion of the designers of the reading environment itself. The consumer of the content can then weigh the design of those elements when selecting a preferred reading environment.

TheZenPsycho 13y ago
In principle I agree with you. In this case apple's decision causes actual problems with content. Putting stuff in a scrollable iframe, or overflow scroll pane now involves carefully instructing people on how to scroll it. Or you force your own custom scrollbars. Or just not have scrollable panes-- you could argue that is a good thing, but sometimes they are unavoidable. Like, for instance, here on HN if someone happens to post an extremely long code segment. if you are using a mac, remember that you need to scroll horizontally to read all of the above message. on an ipad use two fingers to scroll it. Do you get my point? Is the above a problem for HN or for Apple or for the User to puzzle out?
- bhauer 13y ago
  I do get your point, and it's a good one. My opinion about allowing the user the luxury of having selected their preferred reading environment isn't so inflexible to say that you shouldn't afford users some concessions in a scenario such as this. On my PC, I of course do see a scrollbar. In fact, I probably would not at first even realize that I need to instruct viewers on other platforms to interact with the content in any unusual manner. But once aware of it, given the capability to design my content differently to avoid the situation described, I would go with that. Failing that option, I would probably just put instructions in as you've done here. I would fairly steadfastly refuse to implement my own scrollbar functionality because I'd likely fail to implement that in a manner all users on all devices would understand intuitively. For the majority of scenarios, the browsers' default behavior will match the users' expectations and they will be able to consume the content I've created in the fashion with which they are accustomed. As an aside, this conversation reminds me that legacy versions of IE (and maybe current versions; I've not checked) allowed one to affect the appearance of the browser's scrollbar through CSS.
- cdmoyer 13y ago
  Heh, funnily enough, it scrolls with one finger on the beta iOS. Although, I think they may have changed that in a previous safari update.
- millstone 13y ago
  In Safari, there's no visual indication that the content is horizontally scrollable. That's a problem. In Firefox, there's a big scroll bar. This scroll bar consumes more visual space than the content it scrolls. That's an absurdity. Scrollbars are a legacy UI element, a throwback to an era before scrolling mice and trackpads. You nicely illustrated a problem, but your proposed solution makes no sense on modern computers with dedicated scrolling gestures.
  - bhauer 13y ago
    > Scrollbars are a legacy UI element, a throwback to an era before scrolling mice and trackpads I think there's disagreement about that here, which in a manner of speaking, is behind the mixed opinions expressed in this thread. I for one do not seek a browser without a scrollbar even though my mouse has a scroll-wheel. Making very large adjustments to my scroll position using the wheel is annoying: either I spin the wheel repetitively or I click the wheel and enter a scroll mode where the pointer's distance from a start point adjusts a velocity of scroll that continues until I click again. Both are much more fussy than just picking the scrollbar tack up and dragging it to the point I want to reach. I don't even like that in IE 10 (Metro) the scrollbar disappears on my Surface Pro with its touch screen. Luckily for me, IE 10 (desktop) retains the scrollbar.
    - millstone 13y ago
      Good points. I should revise what I wrote to touch-enabled scrolling hardware. With a scroll wheel, both fine and gross movements are more difficult. The scroll wheel has a fixed set of positions, and is optimized for scrolling a line or two at a time. I also have never liked the modal "scroll mode" that you describe. With a magic mouse or scrolling trackpad, you get a much larger surface area available for scrolling, and there are more gradations. Inertia scrolling also makes it easy to scroll to the bottom or top of documents quickly: you can quickly "flick" to get to the bottom or top, which feels pretty natural. As a result, I find I interact with the scroll bar a lot less on my MacBook Air than I do on my scroll-wheel equipped desktop. I'm not sure what the situation is like on Windows though.
- sbuk 13y ago
  I believe it to be neither and as a counterpoint ask if it really is a problem as you frame it. Scrolling on a touch enabled device, and all Apple devices are supplied touch enabled in one way or another, is performed differently. It is instinctive using OS X to scroll with 2 fingers. Obviously, this is a learned behaviour for adults that have been around computers for a while, but an intuitive one none the less. The old paradigm of scrollbar with arrows and thumb is redundant with touch input, to the point it actually gets in the way. What we have now in OS X and iOS serves more as a page location indicator that occupies the same position in the container.
- Someone 13y ago
  Minor correction: on an iPad, you can also scroll that text with one finger.
  - TheZenPsycho 13y ago
    That is new. Apple has seen the light, finally.
Myrth 13y ago
Sometimes I'd like to have control over my full page representation and width across browsers and OSes, and scrollbars styling is missing or non-uniform or unreliable. EDIT: Scrollbars are inside viewport, meaning they're effectively part of my document, and I'd like to have a say how they look like, the same as form elements.
- bhauer 13y ago
  Funny, I just replied to TheZenPsycho and mentioned in an aside that I recall older IE versions (and possibly recent ones as well) did allow the content author to apply styles to the scrollbar with CSS. I have had mixed feelings about that but in general, I would agree with you that it should be open to styling. I agree because I assume the scrollbar would retain its functionality. By styling it, I don't lose, for example, individual adjustment buttons at each extreme, drag to scroll, and paging by clicking the empty space on a Windows PC. On the other hand, if I style it, I'd probably want to do so in a context-sensitive manner, applying a specific look for mouse-enabled contexts and another for touch-enabled contexts. And then I end up have to make the same decisions Apple and Microsoft have had to. :)
  - calebegg 13y ago
    Not just IE; Webkit allows absurdly extensive CSS customization of the scrollbar. You can see it in action on Google+, or an overview of the features here: http://css-tricks.com/custom-scrollbars-in-webkit/ http://css-tricks.com/custom-scrollbars-in-webkit/
- kelnos 13y ago
  Ugh, no. I want every UI control to look the same, everywhere. The scrollbars are not effectively a part of your document. That's not the case for a browser, or an office app, or anything that displays scrolling content. They're a property of the container, not the document.

by bhauer 13y ago

TheZenPsycho 13y ago

In principle I agree with you. In this case apple's decision causes actual problems with content. Putting stuff in a scrollable iframe, or overflow scroll pane now involves carefully instructing people on how to scroll it. Or you force your own custom scrollbars. Or just not have scrollable panes-- you could argue that is a good thing, but sometimes they are unavoidable. Like, for instance, here on HN if someone happens to post an extremely long code segment. if you are using a mac, remember that you need to scroll horizontally to read all of the above message. on an ipad use two fingers to scroll it. Do you get my point? Is the above a problem for HN or for Apple or for the User to puzzle out?

bhauer 13y ago
I do get your point, and it's a good one. My opinion about allowing the user the luxury of having selected their preferred reading environment isn't so inflexible to say that you shouldn't afford users some concessions in a scenario such as this. On my PC, I of course do see a scrollbar. In fact, I probably would not at first even realize that I need to instruct viewers on other platforms to interact with the content in any unusual manner. But once aware of it, given the capability to design my content differently to avoid the situation described, I would go with that. Failing that option, I would probably just put instructions in as you've done here. I would fairly steadfastly refuse to implement my own scrollbar functionality because I'd likely fail to implement that in a manner all users on all devices would understand intuitively. For the majority of scenarios, the browsers' default behavior will match the users' expectations and they will be able to consume the content I've created in the fashion with which they are accustomed. As an aside, this conversation reminds me that legacy versions of IE (and maybe current versions; I've not checked) allowed one to affect the appearance of the browser's scrollbar through CSS.
cdmoyer 13y ago
Heh, funnily enough, it scrolls with one finger on the beta iOS. Although, I think they may have changed that in a previous safari update.
millstone 13y ago
In Safari, there's no visual indication that the content is horizontally scrollable. That's a problem. In Firefox, there's a big scroll bar. This scroll bar consumes more visual space than the content it scrolls. That's an absurdity. Scrollbars are a legacy UI element, a throwback to an era before scrolling mice and trackpads. You nicely illustrated a problem, but your proposed solution makes no sense on modern computers with dedicated scrolling gestures.
- bhauer 13y ago
  > Scrollbars are a legacy UI element, a throwback to an era before scrolling mice and trackpads I think there's disagreement about that here, which in a manner of speaking, is behind the mixed opinions expressed in this thread. I for one do not seek a browser without a scrollbar even though my mouse has a scroll-wheel. Making very large adjustments to my scroll position using the wheel is annoying: either I spin the wheel repetitively or I click the wheel and enter a scroll mode where the pointer's distance from a start point adjusts a velocity of scroll that continues until I click again. Both are much more fussy than just picking the scrollbar tack up and dragging it to the point I want to reach. I don't even like that in IE 10 (Metro) the scrollbar disappears on my Surface Pro with its touch screen. Luckily for me, IE 10 (desktop) retains the scrollbar.
  - millstone 13y ago
    Good points. I should revise what I wrote to touch-enabled scrolling hardware. With a scroll wheel, both fine and gross movements are more difficult. The scroll wheel has a fixed set of positions, and is optimized for scrolling a line or two at a time. I also have never liked the modal "scroll mode" that you describe. With a magic mouse or scrolling trackpad, you get a much larger surface area available for scrolling, and there are more gradations. Inertia scrolling also makes it easy to scroll to the bottom or top of documents quickly: you can quickly "flick" to get to the bottom or top, which feels pretty natural. As a result, I find I interact with the scroll bar a lot less on my MacBook Air than I do on my scroll-wheel equipped desktop. I'm not sure what the situation is like on Windows though.
sbuk 13y ago
I believe it to be neither and as a counterpoint ask if it really is a problem as you frame it. Scrolling on a touch enabled device, and all Apple devices are supplied touch enabled in one way or another, is performed differently. It is instinctive using OS X to scroll with 2 fingers. Obviously, this is a learned behaviour for adults that have been around computers for a while, but an intuitive one none the less. The old paradigm of scrollbar with arrows and thumb is redundant with touch input, to the point it actually gets in the way. What we have now in OS X and iOS serves more as a page location indicator that occupies the same position in the container.
Someone 13y ago
Minor correction: on an iPad, you can also scroll that text with one finger.
- TheZenPsycho 13y ago
  That is new. Apple has seen the light, finally.

Myrth 13y ago

Sometimes I'd like to have control over my full page representation and width across browsers and OSes, and scrollbars styling is missing or non-uniform or unreliable. EDIT: Scrollbars are inside viewport, meaning they're effectively part of my document, and I'd like to have a say how they look like, the same as form elements.

bhauer 13y ago
Funny, I just replied to TheZenPsycho and mentioned in an aside that I recall older IE versions (and possibly recent ones as well) did allow the content author to apply styles to the scrollbar with CSS. I have had mixed feelings about that but in general, I would agree with you that it should be open to styling. I agree because I assume the scrollbar would retain its functionality. By styling it, I don't lose, for example, individual adjustment buttons at each extreme, drag to scroll, and paging by clicking the empty space on a Windows PC. On the other hand, if I style it, I'd probably want to do so in a context-sensitive manner, applying a specific look for mouse-enabled contexts and another for touch-enabled contexts. And then I end up have to make the same decisions Apple and Microsoft have had to. :)
- calebegg 13y ago
  Not just IE; Webkit allows absurdly extensive CSS customization of the scrollbar. You can see it in action on Google+, or an overview of the features here: http://css-tricks.com/custom-scrollbars-in-webkit/ http://css-tricks.com/custom-scrollbars-in-webkit/
kelnos 13y ago
Ugh, no. I want every UI control to look the same, everywhere. The scrollbars are not effectively a part of your document. That's not the case for a browser, or an office app, or anything that displays scrolling content. They're a property of the container, not the document.