禁用水平滚动

Question

I am looking for a method/trick to DISABLE (not just hide) a horizontal scroll bar. I have search all over and all I have found was "overflow-x:hidden". The issue with that is i have to drag an element from one div to another

im working on a jquery ui based page where a user can drag a div from one container to another container. the first side is dynamically populated with divs from the database. I need verticle scrolling because it's a dynamically populated list, but with horizontal scrolling enable it prevents the divs from being able to be dragged over to the droppable area.

Answer 1

You haven't said, so I will assume you are using jQuery to do dragging. In the jQuery docs on Draggable , there is an option called 'scroll'. If you set it to false, draggable objects will not scroll the window.

Answer 2

This is a fairly common problem. Have a look at this page . It describes a workaround To this problem by appending the draggable to a different element ondragstart and reappending it to its original container ondragend .