Как сделать скролл внутри элемента, управляемый кликом мышки?

Question

[turbomen24]

Добрый день.
У меня есть код, который позволяет мне скроллить внутри моего окна браузера, с помощью зажатой кнопки мышки и её перемещения, это работает неплохо.
Вопрос: как сделать тоже самое, но внутри отдельного div со стилем overflow: scroll ?

Вот мой код на данный момент:

$(function(){
  var curDown = false,
      curYPos = 0,
      curXPos = 0;
  
  $(window).mousemove(function(m){
    if(curDown){
      window.scrollBy(curXPos - m.pageX, curYPos - m.pageY)
    }
  });
  
  $(window).mousedown(function(m){
    curYPos = m.pageY;
    curXPos = m.pageX;
    curDown = true;
  });
  
  $(window).mouseup(function(){
    curDown = false;
  });
})

Answer 1

[Александр]

Например использовать нативный скролл. И вообще, зачем реализовывать подобное, когда (судя по коду) такое поведение уже реализовано через колесико мыши?

Comments

[turbomen24]

В данном случае это нужно, чтобы при увеличении картинки в лайт-боксе (когда картинка становистя больше размера экрана), можно было зажав мышкой на картинке, двигать её по-горизонтали (по вертикали понятное дело колёсиком это уже реализовано), но вот вправо-влево её двигать, чтобы видеть скрытые части, так не получается. Соответственно на самой странице этой функции не будет, только внутри элемента (лайтбокс), так что это просто пример.

[turbomen24]

То есть, меня интересует как в моей функции, заменить window.scrollBy на element.scrollBy , но я понимаю, что тогда pageY и pageX здесь не подходят, поскольку считают положение курсора относительно всего экрана, нужно тоже самое, но внутри элемента, который будем скроллить