Actualmente, mi sitio web funciona bien con el desplazamiento de usuario estándar, sin embargo, me gustaría implementar algo como esto donde cuando el usuario se desplaza, lo envía a la parte inferior o al centro del elemento div. Supongo que estos elementos tienen una altura: 100vh. ¿Puede alguien ayudar, por favor? ¡Gracias!
copia y pega este código en tu index.js
y código personalizado o var elm
var element = ".et_pb_section"; $(element).each(function (index) { // accept wheel event individually $(this).on("mousewheel DOMMouseScroll", function (e) { e.preventDefault(); var delta = 0; if (!event) event = window.event; if (event.wheelDelta) { delta = event.wheelDelta / 120; if (window.opera) delta = -delta; } else if (event.detail) delta = -event.detail / 3; var moveTop = $(window).scrollTop(); var elementSelecter = $(element).eq(index); // wheel top to bottom if (delta < 0) { if ($(elementSelecter).next() != undefined) { try { moveTop = $(elementSelecter).next().offset().top; } catch (e) {} } // wheel bottom to top } else { if ($(elementSelecter).prev() != undefined) { try { moveTop = $(elementSelecter).prev().offset().top; } catch (e) {} } } // move (0.5sec) $("html,body").stop().animate({ scrollTop: moveTop + 'px' }, { duration: 500, complete: function () {} }); }); });