Scroll Page with section inside

Hello,

Scroll Navigation is use mainly one page navigation.
So it’s not possible to scroll to every section.

Thanks

Sigh Sigh .
Thank You ??

You can try to use an Elementor widget, Anchor link by name.
Hope, this will work for you.

mmhh how do you tihin that it can work?
I’ve a single page site with some sections on that there are various contents and i’d like to can scroll them with single scroll mouse and not a continuos scroll.
I’be hoped that your widget could solve this request look like the classic fullpage.js that is more complex to adopt

Got your point. Would you please share a sample link?

here the link of an example site https://biosociale.it/ with 8 sections that i’d like to reach onlu wuth a single scroll for every section and not having to continue scroll teh mouse.
Them are 8 different sections on a single page and i already reach them with anchor on menu but if user scroll he has to do the continue scroll that i do not like.
With fullpage.js i can solve it but, if possibile, i’m in search of an alternative more user friendly to implement html and css widget etc etc

Hello,

NOTE: Will Update this with next version.

Open htmega-widgets-active.js (File Location: ht-mega-for-elementor/assets/js/htmega-widgets-active.js)
Search by WidgetNavigationScrollHandler
Replace this code.

/*======= Scroll Navigation Activation ========*/
var WidgetNavigationScrollHandler = function ($scope, $) {

var swiper_elem = $scope.find(‘.swiper-container’).eq(0);
var swiper_opt = swiper_elem.data(‘settings’);
var swiper = new Swiper( swiper_elem, {
direction: swiper_opt.direction,
slidesPerView: swiper_opt.slideitem,
spaceBetween: 0,
mousewheel: {
releaseOnEdges:true,
},
speed: swiper_opt.speed,
pagination: {
el: ‘.swiper-pagination’,
clickable: true,
},
navigation: {
nextEl: ‘.swiper-button-next’,
prevEl: ‘.swiper-button-prev’,
},
});
if( swiper_opt.mousewheel == false){
swiper.mousewheel.disable();
}

}

Thanks