How to make this Line scroll in container with mouse
I am just new to js, working and practice I don't know about how mouse event will be used to make this line at middle to go with mouse I need help
5 Replies
we could start a mini project for this, but basically this is not a scroll, is a drag.
There an Native API, drag and drop: https://developer.mozilla.org/pt-BR/docs/Web/API/HTML_Drag_and_Drop_API
MDN Web Docs
Arrastar e soltar - APIs da Web | MDN
As interfaces de Drag and Drop (arrastar e soltar) habilitam aplicações a usar funcionalidades de arrastar e soltar através do navegador. Por exemplo, com essas funcionalidades, o usuário pode selecionar elementos arrastáveis (draggable) com o mouse, arrastar elementos até um elemento soltável (droppable), e soltar o elemento ao soltar o botão d...
so in this case, we just listen to the darg, and movement of dragged element
since u starting, keep in mind, that most of the time, we will have browser events to listen, https://developer.mozilla.org/pt-BR/docs/Web/API/EventTarget/addEventListener
MDN Web Docs
Element.addEventListener() - APIs da Web | MDN
addEventListener() registra uma única espera de evento em um único alvo. O alvo do evento (en-US) pode ser um único elemento (en-US) em um documento, o documento (en-US) em si, uma janela (en-US), ou um XMLHttpRequest.
or mutations that we will keep track of
let me have a look, if i didn't understood I will ping you