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
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?
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.