Section linking with horizontal scrolling

I also dont get a solution. Since i build everything as seen in the horizontal example, it still wont work.
Only solution could be that there is some script or behaviour with a webflow.js that prevents that from working…i dont know.

very strange, I also tried everything :sweat:

Okay, i tried something else and it worked …

BUT

i cant get it to work with your setup. So maybe you ll get something out of my idea or you ll need another and better script. Because i think this one lacks

a) in documentation
b) is kinda buggy…

See for yourself:

Preview:
http://horizontaltest.webflow.io/

Public Link
https://preview.webflow.com/preview/horizontaltest?preview=1d3d10164e8ffd7aa15a1e3560b52410

<script src="https://HERE GOES UR PATH/jquery.jInvertScroll.js"></script>

    <script type="text/javascript">
    (function($) {
    	$.jInvertScroll(['.scroll'],
        {
          height: 3875,
          onScroll: function(percent){
        }
    	});        
      
          $('.nav_ancres a').on('click', function(e) {
            
            e.preventDefault();
    		var target = $(this).attr('href');
    		var pos = $(target).position().left;  
    		var scrollPercent = (pos / ($('.front.scroll').width() - window.innerWidth)).toFixed(4);
    		var top = scrollPercent * ($('body').height() - window.innerHeight);
    		$('html, body').animate({scrollTop: top+'px'}, 1200);
            console.clear();

      
    });
    }(jQuery));
    </script>

I hope I will succeed, very big big thanks to Daniel, for your time !

Hi Dave, repeated site. strong jerks when changing the menu in safari mac os, firefox in windows,

http://denis-s-cool-site-invertscroll.webflow.io/#anchor1

https://webflow.com/website/denis-s-cool-site-invertscroll?s=denis-s-cool-site-invertscroll

although other sites built on js invert scroll, this is not observed, http://www.france-foodandfeed-expert.com
Max and Frida - Natural Dessert for Dogs

i tried to re-do the other way, it does not work, why webflow in the code are reversed variable and link . It can be a problem in all this?

https://webflow.com/website/denis-s-fantastic-site-ufff?s=denis-s-fantastic-site-ufff

original code How to implement waypoint horizontal navigation with jInvertScroll ? · Issue #15 · pixxelfactory/jInvertScroll · GitHub

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.