Javascript horizontal scroll bar

Question

I'm trying to create a horizontal scroll bar on the top of a textarea for an HTML form. This has been answered here, and StanleyH's example at http://jsfiddle.net/TBnqw/1/ works perfectly, but I have a further complication.

Can it be rewritten with a <span> instead of a <div>, and also as straight code without any jQuery? The site I inherited has code that modifies all <div>'s, so I'd need to use a <span> in block mode if possible.

Answer:
Fixed for Firefox: http://jsfiddle.net/TBnqw/537

score 1 · Answer 1 · edited Dec 06 '11 at 15:14

1

In response to your first question, yes it can be done with span, the only thing I changed was css display:block, which is the main difference between span and a div, see demo here:

http://jsfiddle.net/TBnqw/131/

UPDATE

Non jQuery Solution

edited Dec 06 '11 at 15:14

answered Mar 08 '11 at 22:17

amosrivera

26,114
9
67
76

This is using jQuery though. Can it be done without a framework or library? – Tony Mar 08 '11 at 23:14
I'm sure it can, let me see if i can add it to my answer later today. – amosrivera Mar 08 '11 at 23:27
Warning: onscroll does not work with Firefox. jQuery is probably emulating it with a timer checking differences in scrollLeft / scrollTop ... – Steffen Heil Oct 06 '11 at 10:05

score 0 · Accepted Answer · answered May 30 '12 at 22:04

0

Fixed for Firefox: jsfiddle.net/TBnqw/537

answered May 30 '12 at 22:04

Tony

2,658
2
31
46

Javascript horizontal scroll bar

2 Answers2