slwr: smooth slider scroll, mobile style

css/stylesheet.css

@@ -51,3 +51,20 @@ div.controlpoint{
 	height: 100vh;
 	overflow: auto;
 }
+
+/*--- MOBILE ---*/
+@media only screen
+and (max-width : 1024px)  {
+
+	div#sliders {
+		position: absolute;
+		top: -50px;
+		left: -50px;
+		transform: scale(0.5);
+	}
+
+	#curve {
+		padding-top: 200px;
+	}
+
+}

index.html

@@ -55,12 +55,12 @@
     $(document).ready(function() {
       $('#slider').bind('slide.pathslider', function(event, slider){
         var scrollPos = slider.percent * ( $('#curve')[0].scrollHeight - $(window).height() ) / 100
-        $('#curve').scrollTop(scrollPos);
+        $('#curve').stop().animate({scrollTop: scrollPos}, 200);
       });
 
       $('#slider2').bind('slide.pathslider', function(event, slider){
         var scrollPos = slider.percent * ( $('#curve')[0].scrollHeight - $(window).height() ) / 100
-        $('#curve').scrollTop(scrollPos);
+        $('#curve').stop().animate({scrollTop: scrollPos}, 200);
       });
 
     });