diff --git a/block_timetable.php b/block_timetable.php
index 0183501..9424e52 100755
--- a/block_timetable.php
+++ b/block_timetable.php
@@ -129,7 +129,7 @@ class block_timetable extends block_base {
 	$PAGE->requires->js_init_call('M.block_timetable.helper.init', array($opts),false,$jsmodule);
 
 	$this->content->text .= html_writer::start_tag('div', ['data-region' => 'calendar', 'class' => 'maincalendar']);	
-	$this->content->text .= html_writer::start_tag('div', ['class' =>'slider']);	
+	$this->content->text .= html_writer::start_tag('div', ['class' =>'slider', 'id'=>'timetable_frame']);	
 	$this->content->text .= html_writer::start_tag('div', ['class' =>'slides']);	
 	for ($i=0; $i<3; $i++) {
 		$ttable->read_db($i);
diff --git a/classes/timetable.php b/classes/timetable.php
index 0ad2958..c46ffc9 100755
--- a/classes/timetable.php
+++ b/classes/timetable.php
@@ -145,7 +145,8 @@ class timetable {
     public function get_caption($week) {
 	    $result = "";
 	    if ($week>0) {
-	    	$result .= '<a href="#slide-'.($week-1).'" class="arrow_link previous" title="Vorherige Woche" data-week="-1"><span class="arrow">◄</span></a>';
+	    	//$result .= '<a href="#slide-'.($week-1).'" class="arrow_link previous" title="Vorherige Woche" data-week="-1"><span class="arrow">◄</span></a>';
+	    	$result .= '<a href="javascript:M.block_timetable.scroll_week('.($week-1).');" class="arrow_link previous" title="Vorherige Woche"  data-week="1"><span class="arrow">◄<</span></a>';
 	    } else {
 	    	$result .=  '<a href="#" class="previous" style="visibility:hidden" data-week="-1"></A>';
 	    	//$result .= '<a href="#" class="arrow_link previous" data-week="-1"><span class="arrow" style="display:none"></span></a>';
@@ -156,7 +157,8 @@ class timetable {
 	    $result .= "</span>";
 	    $result .= '<span class="hide"> | </span>';
 	    if ($week<2) {
-	    	$result .= '<a href="#slide-'.($week+1).'" class="arrow_link next" title="Nächste Woche" data-month="8" data-week="1"><span class="arrow">►</span></a>';
+	    	//$result .= '<a href="#slide-'.($week+1).'" class="arrow_link next" title="Nächste Woche" data-month="8" data-week="1"><span class="arrow">►</span></a>';
+	    	$result .= '<a href="javascript:M.block_timetable.scroll_week('.($week+1).');" class="arrow_link next" title="Nächste Woche" data-month="8" data-week="1"><span class="arrow">►</span></a>';
 	    } else {
 	    	$result .= '';
 	    }
diff --git a/module.js b/module.js
index 1626092..08a5bed 100644
--- a/module.js
+++ b/module.js
@@ -91,3 +91,15 @@ M.block_timetable.view_class = function() {
 			          cols[i].style.display = 'table';
 			        }
 };
+
+M.block_timetable.scroll_week = function(week) {
+	//document.getElementById("timetable_frame").style.left="300px";
+	//document.getElementById("timetable_frame").scrollLeft="300px";
+	//scroller = document.getElementById("timetable_frame");
+	//scroller = document.getElementById("yui_3_17_2_1_1594288845629_274");
+	scrollerarray = document.getElementsByClassName("slides");
+	scroller = scrollerarray[0];
+	//scroller.scrollTo(280,0);
+	scroller.scrollTo(Math.floor(Math.floor(scroller.scrollWidth * week/3)),0);
+	//scroller.scrollTo({scrollLeft: Math.floor(scroller.scrollWidth * ((week+1)/3)), behavior: 'smooth'});
+};
diff --git a/styles.css b/styles.css
index 4d15f11..cfc7950 100644
--- a/styles.css
+++ b/styles.css
@@ -13,10 +13,9 @@
 
 .slider {
    width: 100%;
-   height: 100%;
+   /*height: 100%;*/
    display: flex;
-   overflow-x: hidden;
-   scroll-snap-type: x mandatory;
+   overflow: hidden;
 }
 
 @supports (scroll-snap-type) {