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);
       });
 
     });
@@ -89,7 +89,7 @@
             Varia, Rotterdam</p><br>
 
             <p>For the Rotterdam control point on the Relearn curve, we propose to together attend to a <strong>subject zone</strong> (<strong>*</strong>) where different digital network practices intersect. This subject zone can morph into multiple directions throughout the session. Our specific interest is in how <strong>publishing formats</strong> (<strong>**</strong>) operate with/on/through this zone.</p>
-            
+
             <p><strong>*</strong> There are many questions in the air when we start to speak about digital infrastructures, hosters, servers, services, networks and their technical realities. Instead of picking one and diving deeper, we thought it would be more interesting to present a range and explore different vocabularies, protocols, technologies, infrastructures. We invite you to join Relearn to stretch this zone, starting from or moving towards:</p>
 
             <ul>