0

I am trying to emulate iOS style table scrolling (as in the contacts app where the headers stay fixed until the next table). I found this answer: https://stackoverflow.com/a/7395772/1302229

Using the solution provided by Hemlock I was able to get things working. The problem is that I want the table to be nested inside a div with a fixed height. As soon as I do that, the scrolling effect no longer works. I'm not sure how to modify the javascript to make this work.

To complicate things, I would also like to customize the scrollbar using jScrollPane.

Here's a link to my demo: http://db.tt/Y7sw27Ow

I know Hemlock's solution didn't use jQuery but in my case it doesn't matter. jQuery is probably preferable.

Community
  • 1
  • 1
Adam
  • 738
  • 1
  • 5
  • 11
  • I managed to rewrite everything using jQuery and got things working with jScrollPane too. All is working well now. I might post the final solution in case someone is looking for something similar. – Adam Apr 02 '12 at 20:29
  • I am trying out something similar. scrolling a table withing a div with headers fixed. Can u pls share your code? I am using jScrollPane. – Black Mamba May 16 '12 at 09:03
  • @BlackMamba Here's a basic example I put together. http://jsbin.com/adudov/5 – Adam May 17 '12 at 19:55

0 Answers0