8/21/2023 0 Comments Jquery ui draggable overflow x![]() I was going to use some javascript to get the height of the project-index div and vertically centre it on the page but a bit like the height/number of rows, I’m a bit worried about the amount of overwriting I’ll need to do when the viewport is less than 480px. If draggable specific styling is needed, the following CSS class names can be used for overrides or as keys for the classes option: ui-draggable: The draggable element. ![]() Is it be possible to have the div draggable like when using a phone or tablet as default, so a drag movement on any element works and only a click on the anchors would go to a new page/act like a click. The draggable widget uses the jQuery UI CSS framework to style its look and feel. The drag works great on this example but as soon as I add other elements to the mark-up, anchors + text it’s difficult to drag the interface as you need to find a ‘gap’ to do so. There is a few issues and I was wondering if you think it’s worth persevering with the plug-in. jquery-ui-draggable Share Improve this question Follow edited at 4:49 rgajrawala 2,108 1 21 35 asked at 3:52 milan 143 1 6 Add a comment 1 Answer Sorted by: 12 Check out the axis option: 'Constrains dragging to either the horizontal (x) or vertical (y) axis. ![]() Though when the viewport’s height is less than 600px (for example) this might be a problem when I just want to display 1 row? I’ve used a bit of javascript to calculate the width the containing div needs to be. I had a look/play around and I found another plug-in, the example below kinda works. Working with JQuery UI-Draggable divs inside a container with fixed height and scrollable y-axis. Unfortunately I couldn’t get the code working …my limited javascript skills rather than to code you provided!
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |