Scroll DIV Horizontally with Mouse Events

Posted by williamtroup on Stack Overflow See other posts from Stack Overflow or by williamtroup
Published on 2010-03-19T12:55:51Z Indexed on 2010/03/19 13:11 UTC
Read the original article Hit count: 131

Filed under:

div

|

scroll

|

JavaScript

I have a layout as follows:

<div style="width: 300">
    <div style="width: 300">Some Content</div>
</div

I want to be able to mousedown in the content DIV and be able to move it left to right, or scroll it in other words :)

What would be the best way of being this?

I would prefer it in JavaScript mainly :)

© Stack Overflow or respective owner

Related posts about div

add a div.class in a child, only when the parent does not have other div.class

as seen on Stack Overflow - Search for 'Stack Overflow'
i have a html code like this: <div class="someclass"> <div class="childclass"></div> <div class="checkclass"></div> </div> <div class="someclass"> <div class="childclass"></div> </div> <div class="someclass"> <div… >>> More
#div:normal #div:hover #div:SELECTED?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey guys, On the "services" and "company" pages I have a right sidebar list. This is being included with PHP. So far I have a CSS class for normal and a CSS class for when you hover each item in the list. I want to have a new class for when each list item is selected. So for example in services,… >>> More
DIV Overlaying DIV, links in backmost DIV non-accessible

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a photoshop image that is 500x600 that I am using as a background image for the first div. The second div sits over top of the first div and is populated with images. The z-index of the first div is set to 100. The effect is the photoshop image sits over top of all of the smaller images. The… >>> More
Two DIV layers: resize top DIV based on dynamic height of bottom DIV

as seen on Stack Overflow - Search for 'Stack Overflow'
I have two DIV layers, one above the other. In the top DIV, there is an image, and in the bottom DIV, there is a block of text. The amount of text in the bottom DIV will change, thus increasing and decreasing the required height. I need to dynamically decrease the height of the image in the top DIV… >>> More
Why won't my DIV height grow? Is it because I am using floats?

as seen on Stack Overflow - Search for 'Stack Overflow'
Please help! I am trying to create some div sections and some of these div sections have some other divs that are floated. All of which I have cleared. But the sections are not growing to accomodate the content inside of them. The following is my HTML - <div class="data"> <div class="name">Data</div> … >>> More

Related posts about scroll

Need a new mouse: clicky scroll wheel and additional thumb-operated scroll wheel

as seen on Super User - Search for 'Super User'
I'm having some carpel tunnel syndrome or RSI issues, and I need to get a new mouse. I've tried a friend's Logitech MX Revolution and it's almost perfect. I LOVE the thumb-operated scroll wheel, and I think that that alone would solve many of my hand pain issues. The problem is that it uses their… >>> More
my mouse scroll wheel doesn't scroll

as seen on Super User - Search for 'Super User'
It's only a minor thing but i can't solve it. I have a ps2 mouse on win xp sp3. the wheel has stopped scrolling in all apps however in apps that support it i can click the wheel and bring up the scrolling four way arrows and scroll that way. I've tried uninstalling the drivers and changing the… >>> More
How to automatically scroll ScrollViewer - only if the user did not change scroll position

as seen on Stack Overflow - Search for 'Stack Overflow'
I would like to create the following behaviour in a ScrollViewer that wraps ContentControl: When the ContentControl height grows , the ScrollViewer should automatically scroll to the end. This is easy to achive by using ScrollViewer.ScrollToEnd(). However, if the user uses the scroll bar, the automatic… >>> More
Programmically scroll a textbox's scroll bar from a Vscrollbar or custom one

as seen on Stack Overflow - Search for 'Stack Overflow'
I made a custom scrollbar that sits beside a normal textbox. I would like to scroll the text box like you would any other one with my control. How can this be done? Thanks. >>> More
Mouse scroll not working in a scroll viewer with a wpf datagrid and additional UI elements

as seen on Stack Overflow - Search for 'Stack Overflow'
I am trying to figure out how to get the mouse scroll working on a wpf window with a scrollviewer and a datagrid within it. The WPF and C# code is below <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto"> <Grid> <Grid.RowDefinitions> … >>> More