?
Solved

Add Horizontal bar to <div> in Chrome

Posted on 2011-02-16
5
Medium Priority
?
499 Views
Last Modified: 2012-08-14
Hi,

I am trying to add horizontal scrollbar to a <div> list.
It works OK in IE, but not in Chrome.

I tries -

obj.style.overflow='auto';
and
obj.style.overflowX='auto';










0
Comment
Question by:VapiSoft
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 9

Accepted Solution

by:
rawinnlnx9 earned 2000 total points
ID: 34909195
Look at this accepted answer: http://stackoverflow.com/questions/3934271/horizontal-scrollbar-on-top-and-bottom-of-table

I think this is the rest of what you need.
0
 

Author Comment

by:VapiSoft
ID: 34909332
Yes, I see tha the trick is the I put obj.style.width="99%"
But now my problem is that I see the scrollbar, but is is disabled and does not have the tracker.
But, I think it is due to something else that I do, so I will give you the points.
But if you know why (it is disabled) please reply.
0
 
LVL 9

Expert Comment

by:rawinnlnx9
ID: 34909448
Do you have overflow-y: auto or overflow-y: scroll? Try swapping whatever you have and see if it helps. I think you can also set overflow: auto in the style tag and that would manage it for x and y.
0
 
LVL 9

Expert Comment

by:rawinnlnx9
ID: 34909492
From what I can see this should work unless you have scrolling disabled in an iFrame or parent container or in the CSS. That may interfere with what you are doing.
0
 

Author Comment

by:VapiSoft
ID: 34909513
When I put 'auto' than it doesn't show the scroll at all.
When I put 'scroll' it shows the scroll but it is disabled.
0

Featured Post

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
This video will take you through the Geo tab, including Location and Language demographics. It will also take you through the Technology tab, including mobile devices. Click on Audience – Geo  a. Look at location demographics  b. Look at Language de…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

764 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question