Простейший drag and drop
 

Если перемешать ползунок вправо, а потом влево, то курсор его не цепляет, как убрать этот косяк?

https://jsfiddle.net/cgcjp036/

А как сделать, что бы когда ползунок дойдёт до границы блока, то дальше не двигался?

Я сделал так, но это очень плохой способ и не всегда работает

if(ball.style.left == 300 + 'px' || ball.style.left == 0 + 'px' ){
  		document.onmousemove = null;
    	ball.onmouseup = null;
  	}

https://jsfiddle.net/6t52hjnh/