I’ve created a horizontal scrolling section by a “window.addEventListener” on wheel and using “window.scrollBy” method with “evt.deltaY” as value: is there a way I can go through for having the same smooth scroll in this section as in other vertical scroll pages?

I wanted to know if there is a way to make a horizontal gallery always scroll like an infinite gallery that starts at the first image when it has reached the last one.

Greetings,
Diogo

I have got a problem with the scrolling of my gallery (configured with horizontal scrolling). Sometimes, when I refresh the page and I want to scroll nothing happens and since I am on a Mac, it takes me back to other page in my web browser history. Sometimes after clicking on the page or moving a little bit my mouse it works again.

Here is a video of what happens : https://www.veed.io/view/e069ef45-60e8-4063-bbbd-4705baec5698

Hope you can help me.

Greetings,
Diogo

And it Can’t be because I used elementor free as opposed to the tutorial (already worked in the elementor editor with the Hello theme and Twenty Twenty-two theme).

Please help me, I really need to use this layout with oceanwp. I have wasted so much time on it.

Thanks.

<style>
.elementor-section-wrap{
display: inline-flex !important;
}

.elementor-section{
width:100vw !important;
}

.custom-width{
width: 100px;
}

body{
overflow-y: hidden;
overscroll-behavior-y: none;
}

@media (max-width:768px){
.elementor-section-wrap{
display: block;
}
body{
overflow-y:auto;
}
}

::-webkit-scrollbar {
height: 10px;
}

::-webkit-scrollbar-thumb {
background: #888;
}
</style>

<script>
function replaceVerticalScrollByHorizontal( event ) {
if ( event.deltaY !== 0 ) {
window.scroll(window.scrollX + event.deltaY * 2, window.scrollY );
event.preventDefault();
}
}

const mediaQuery = window.matchMedia( ‘(min-width: 770px)’ );

if ( mediaQuery.matches ) {
window.addEventListener( ‘wheel’, replaceVerticalScrollByHorizontal );
}
</script>

I’m looking to create a category page with multiple sub-categories inside it, with each subcategory working as a horizontal display of its posts. Ideally want the horizontal display to be an infinite loop or to otherwise keep scrolling till it hits the end of the posts and stops. The former might be better though. We also really want the posts to show the tags of each post and its title. For example, a horizontal scroll of posts in the sub-category ‘ways to help..’ with post tags and title, while below this there’s another horizontal scroll bar of ‘learn’ with tags and title, and so on.

Having looked at information on this there seems to be a lot of different options from carousels, sliders to custom containers, plugins to addons etc. Would really love any suggestions on what might be good to look at? Currently using Elementor builder, and trying to make the website accessibility friendly.

Thank you in advance for any help you can offer.

WordPress v 5.7

I have one of those weird clients with requests that are impractical. I’ve been looking at the code but I don’t know how to incorporate it into OceanWP. Any help or suggestion will be very welcome, thank you very much!