6

I'm building a touch-enabled html app and decided to use iScroll for scrolling within a div.

essentially, I've got two seperate scrolling divs but the scrollbars are always placed on the far outside of the page

http://jsfiddle.net/SRXMn/3/

the problem I'm having here is two-fold.

1) the scroll bars are both on the far right side (which doesn't make much sense for the left-scrolling content

2) the scroll bar extends all the way to the top of the header, when the only content being scrolled is below

when I set 'position:fixed' on the header, it shrinks down to a tiny size, and I can't seem to over-right that.

pedalpete
  • 21,076
  • 45
  • 128
  • 239

1 Answers1

13

You could try using position:relative on div.scroll_hold

Steef
  • 33,059
  • 4
  • 45
  • 36
  • that is very strange, but it works! I always considered every element to have a position:relative unless stated otherwise. – pedalpete Jan 02 '12 at 14:09