react-scroll

react-scroll copied to clipboard

Is there a way to hold the "active" class until the next anchored element is come to visible?

5

I am making a sticky table of contents in the sidebar that is generated based on the heading tags (h3) of the article. The article cannot be divided into blocks,...

web86

The position is an empty string there, which I think should count as equivalent to static. Without this check my tests break.

GuyPie

React-scroll not working with Material UI swipeable drawer

1

I am working on creating a responsive navbar for my portfolio, using react-scroll to implement smooth scrolling to a point on the webpage. That said when I test the code...

emblair96

activeClass weird behavior at certain browser zoom level

2

i realised that the activeClass not being triggered when browser is zoomed in/out . Edit: at some point in some zoom level, there might be also situation where two neighboring...

chinhoe

I created my own Element to directly use a list item tag: ``` const ListElement: React.FC = ({ children, ...props }) => { return {children}; }; const ScrollListElement = ScrollElement(ListElement);...

panmona

Is there any way to disable preventDefault/stopPropagation for link with scroll

1

I have events in Google Tag Manager(GTM), activated by clicking on a link, which is also a scroller. But because of event.preventDefault() GTM does not catch this click for analytics....

IxxyDev

horizontal scroll

2

how to enable horizontal scroll. I have tried use code from https://github.com/fisshy/react-scroll/tree/master/examples/horizontal but he doesent work

Artemminos

How to use scroll inside a container with overflow-x

2

I have a container with a horizontal list of objects ```html {objects.map(({ value }) => ( I'm {value}nd tab ))} ``` css: ```css ul.tabs { overflow-x: scroll; } ``` And...

NicolasFujisawa

2 links being active at same time (color of links)

3

I'm trying to get each link to have a solid color when active. It works flawlessly until I get to the last link "contact". When I navigate to "contact", it...

iraqwarvet31

How to hightlight active link on last section smaller than viewport?

9

Hello. Everything about setting active for the current section corresponding to the top menu as scrolling down works fine except the last section that is smaller than viewport. If I...

online0227