Drag On Scroll only working horizontal
Unanswered
Spotted Redshank posted this in #help-forum
Spotted RedshankOP
"use client"
import BlockNavigation from './block-navigation';
import ScrollContainer from 'react-indiana-drag-scroll';
export default function Page() {
return (
<ScrollContainer className="scroll-container" vertical={true} horizontal={true}>
<div className="h-[6000px] w-[6000px] bg-bg-one">
<div className='h-[2rem] w-[2rem] bg-yellow-50'></div>
<BlockNavigation />
</div>
</ScrollContainer>
);
}
import BlockNavigation from './block-navigation';
import ScrollContainer from 'react-indiana-drag-scroll';
export default function Page() {
return (
<ScrollContainer className="scroll-container" vertical={true} horizontal={true}>
<div className="h-[6000px] w-[6000px] bg-bg-one">
<div className='h-[2rem] w-[2rem] bg-yellow-50'></div>
<BlockNavigation />
</div>
</ScrollContainer>
);
}
3 Replies
Spotted RedshankOP
or does anyone know any other way?
@Spotted Redshank "use client"
import BlockNavigation from './block-navigation';
import ScrollContainer from 'react-indiana-drag-scroll';
export default function Page() {
return (
<ScrollContainer className="scroll-container" vertical={true} horizontal={true}>
<div className="h-[6000px] w-[6000px] bg-bg-one">
<div className='h-[2rem] w-[2rem] bg-yellow-50'></div>
<BlockNavigation />
</div>
</ScrollContainer>
);
}
Ive never used
react-indinan-drag-scroll but have you tried putting h-[6000px] to ScrollContainer too?@Ray Ive never used `react-indinan-drag-scroll` but have you tried putting `h-[6000px]` to `ScrollContainer` too?
Spotted RedshankOP
It still only goes horizontaly sadly