dragscroll - micro library for drag-n-drop scrolling style

  •        217

Dragscroll is a micro JavaScript library (910 bytes minified) which enables scrolling via holding the mouse button ("drag and drop" or "click and hold" style, online demo). It has no dependencies and is written in vanilla JavaScript (which means it works anywhere). That's it! Now you can scroll it by dragging. You can also add the dragscroll class to the element and drag the whole page.

http://asvd.github.io/dragscroll/
https://github.com/asvd/dragscroll

Tags
Implementation
License
Platform

   




Related Projects

DraggableGridView - A drag-and-drop scrolling grid view for Android

  •    Java

You're done! You can start adding any type of view you'd like. Tap and hold a view to begin moving it! Drag it between other views to rearrange them, and drop them in place.

3d-bat - 3D Bounding Box Annotation Tool (3D-BAT) Point cloud and Image Labeling

  •    Javascript

1. Step: draw bounding box in the camera image 2. Step: choose current bounding box by activating it 3. Step: You can move it in image space or even change its size by drag and droping 4. Step: Switch into PCD MODE into birds-eye-view 5. Step: Place 3D label into 3D scene to corresponding 2D label 6. Step: Adjust label: 1. drag and dropping directly on label to change position or size 2. use control bar to change position and size (horizontal bar -> rough adjustment, vertical bar -> fine adjustment) 3. Go into camera view to check label with higher intensity and bigger point size 7. Step: Choose label from drop down list 8. Step: Repeat steps 1-7 for all objects in the scene 9. Step: Save labels into file 10. Step: Click on 'HOLD' button if you want to keep the same label positions and sizes 11. Step: click on 'Next camera image'

Visual Studio 2010+ AutoScroller Extension

  •    

This is an extension to provide auto-scrolling to the Visual Studio 2010 environment. Also known as middle-click scrolling. Simply middle click and drag the mouse in the direction you wish to scroll, further distances scroll faster. Update: now works with Visual Studio 11.

FMMoveTableView - Discontinued: Please use iOS 11's Drag & Drop capability instead.

  •    Objective-C

iOS 11 introduced Drag & Drop capability for UITableView and UICollectionView. Please use that instead of FMMoveTable. FMMoveTable is an UITableView subclass that provides moving rows by simply tap and hold an appropriate row without switching the table to its edit mode.

react-native-sortable-listview - Drag drop capable wrapper of ListView for React Native

  •    Javascript

Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging. See example.


html5sortable - VanillaJS sortable lists and grids using native HTML5 drag and drop API.

  •    TypeScript

Lightweight vanillajs micro-library for creating sortable lists and grids using native HTML5 drag and drop API. If you would like to add an adapter to the list, please create an issue with the link to your adapter.

react-smooth-dnd - react wrapper components for smooth-dnd

  •    Javascript

A fast and lightweight drag&drop, sortable library for React with many configuration options covering many d&d scenarios. It uses css transitions for animations so it's hardware accelerated whenever possible. This library consists wrapper React components over smooth-dnd library.

Saltcorn - no-code database application builder

  •    Javascript

Saltcorn is a platform for building database web applications without writing a single line of code. Use the intuitive point-and-click, drag-and-drop user interface to build the whole application. It is a complete end-to-end solution for the front-end, backend and database of your application, and it manages both the build and the hosting stages of your application life-cycle with an intuitive point-and-click, drag-and-drop user interface.

Sortable - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices

  •    Javascript

Sortable is a minimalist JavaScript library for reorderable drag-and-drop lists. You can use any element for the list and its elements, not just ul/li. Here is an example with divs.

drag-drop - HTML5 drag & drop for humans

  •    Javascript

In case you didn't know, the HTML5 drag and drop API is a total disaster! This is an attempt to make the API usable by mere mortals.This module works in the browser with browserify.

JBCroppableView - JBCroppableView is a subclass of UIView built with UIKit and CoreGraphics that adds n points on an UIImageView allowing to modify them by drag & drop to trim the extra space of an image

  •    Objective-C

JBCroppableImageView is a subclass of UIImageView built with UIKit and CoreGraphics that adds n points on an image allowing to modify them by drag & drop to trim the extra space of an image.

HSImageSidebarView - A view based on the sidebar in Apple's Keynote app for iPad.

  •    Objective-C

HSImageSidebarView is a subclass of UIView for displaying a collection of images. The images are arranged either horizontally or vertically, depending on the dimensions of the view. It supports selection, scrolling, drag-and-drop rearranging, and drag-and-drop deletion. The API is patterned after UITableView, so it will be familiar to Cocoa Touch programmers. HSImageSidebarView works with both iPad and iPhone interface idioms. An HSImageSidebarView is created using the standard initWithFrame: method on UIView.

draggable - The JavaScript Drag & Drop library your grandparents warned you about.

  •    Javascript

Get complete control over drag and drop behaviour with Draggable! Draggable abstracts native browser events into a comprehensive API to create a custom drag and drop experience. Draggable comes with additional modules: Sortable, Droppable, Swappable. Draggable itself does not perform any sorting behaviour while dragging, but does the heavy lifting, e.g. creates mirror, emits events, manages sensor events, makes elements draggable.The additional modules are built on top of Draggable and therefore provide a similar API interface, for more information read the documentation below.

Silverlight Drag Drop Manager

  •    Silverlight

Silverlight Drag Drop Manager allows you to easily implement drag and drop behaviour in your Silverlight projects by providing a DragSource & DropTarget control, which act as a content container and can contain any SL user control. Highly configurable.

Drag & Drop upload for SharePoint

  •    

It enables Firefox & Chrome users to drag & drop files directly into their SharePoint document libraries. This makes single and multiple file upload much simplier & user friendly. Both SharePoint 2007 and SharePoint 2010 are supported.

vue-drag-and-drop-list - 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.

  •    Javascript

Vue directives that allow you to build sortable lists with the native HTML5 drag & drop API. Supports nested lists for building trees and other fancy structures. In general, in 2.0 directives have a greatly reduced scope of responsibility: they are now only used for applying low-level direct DOM manipulations. In most cases, you should prefer using Components as the main code-reuse abstraction.

PhotoShow - A free web gallery in PHP with drag-n-drop support

  •    PHP

A free web gallery in PHP with drag-n-drop support

OBDragDrop - OBDragDrop is a self-contained iOS drag and drop library that depends only on UIKit.

  •    Objective-C

OBDragDrop is a compact iOS UI library for drag and drop. It is self-contained and depends only on UIKit. The view that is dragged then asks its OBOvumSource, typically the UIViewController, for information on the data object that should be attached to the drag and drop.

gong-wpf-dragdrop - The GongSolutions.WPF.DragDrop library is a drag'n'drop framework for WPF

  •    CSharp

The GongSolutions.WPF.DragDrop library is an easy to use drag'n'drop framework for WPF. This framework is free and can be used for free, open source and commercial applications. It's tested and contributed by many people... So mainly hit the ⭐️ button, that's all... thx (💵, 💶, 🍺 or some other gifts are also being accepted...).

ngDraggable - Drag and drop module for Angular JS

  •    Javascript

Drag and drop module for Angular JS with support for touch devices. demo. ng-drag-start and ng-drag-move is also available. Add to the ng-drop element. ng-drag-stop can be used when you want to react to the user dragging an item and it wasn't dropped into the target container.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.