I just want to share a tip on this issue. Some people have said in this forum that it is not user friendly to build websites using webflow slider widget and that the experience is not good for the user on mobile phones. Well they were right, and I also ran into some of those glitches. But not anymore.
The Solution: Using Malihu jQuery custom content scroller and a script support from the forum supplied by Bartosz, I figured a way to avoid the terrible jumping slider experience on mobile and also restrict the content height so that all content have the same height no matter the length of the content. I was able to achieve this by placing all contents in a scroll div and using a custom content scroller to make it look nice and natural on mobile, since contents on mobile will need some scrolling anyway. Not to bore you, this is the link to the final result: http://gloss.webflow.com/wf-slider-website
This is are some of the custom codes used:
css (head)
<link rel="stylesheet" href="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.css" />
javascript (before closing body)
<script src="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
Custom code for the scrollbar
<script>
(function($){
$(document).ready(function(){
$(".copycontent").mCustomScrollbar({
theme:"minimal-dark"
});
});
})(jQuery);
</script>
Custom code to create a 100% height for the site as found in the forum:
<script>
$(document).ready(function() {
vph = $(window).height();
$('.section-wrapper').css('height',vph);
});
$(window).resize(function(){
vpw = $(window).width();
vph = $(window).height();
$('.section-wrapper').css('height',vph);
});
</script>
Public url: https://webflow.com/design/gloss?preview=7e5c7281c65b29e309cdc3227d65f4a7