Smooth-Scroll-Widget

Example: Scroll

Head

...to get smooth-scroll behavior for your #anchor links put this into the head-editor of your jimdo page:

 

<script src="//code.jquery.com/jquery-1.12.0.min.js" type="text/javascript">

</script>

 

<script src="https://redesign-berlin.lima-city.de/__js/smooth-scroll.min.js" type="text/javascript"></script>

 

<script type="text/javascript">

//<![CDATA[

 

     //smooth-scroll-master

     $(document).ready(function () {

         $("a[href^='#']").attr('data-scroll', '').attr('data-options', '{ "easing": "linear" }');

     });

     

//]]>

</script>

 

 

HTML

Generate standard-link in Text-Element and open in html. Change href="..." to  #anchor on page (here: #cc-m-13144766796)

 

<p style="text-align: right;">Example: <span style="color: #ff0000;"><strong><a href="#cc-m-13144766796" title="SmoothScrollWidget" style="color: #ff0000;">Scroll</a></strong></span></p>

...to initialize the smooth-scroll-widget insert this into a html-widget-element at the end of the current page or inside your sidebar:

 

<script type="text/javascript">

//<![CDATA[

      smoothScroll.init();

//]]>

</script>

Example: Scroll back up

Questions? Contact me