Stack Overflow
Stack Overflow

Questions tagged [react-scroll]

76 questions
0
votes
1 answer

How to limit scroll speed of a Scrollview?

I have a FlatList with like 300 cells and I want to limit the momentum of a scroll. On ios if you have a large list you can exponentially increase the speed at which it is scrolling through the list by just consecutively doing fast scrolls. This is…
nazorbeam
  • 83
  • 7
0
votes
1 answer

React Scroll and Material-UI button active link does not work

It does go to the correct page, however, how can I make a background effect or change the font color when the link is active? I tried a CSS with this and it does not…
Shoppe
  • 39
  • 1
  • 5
0
votes
1 answer

is there a way to implement react scroll along with react router dom?

I have a navbar with links that scroll to sections of page using react-scroll. i also have several pages and im using react-router-dom for navigating between pages. but when i click on the links in navbar when on a different page, it says element…
ZeusHunter
  • 21
  • 2
0
votes
1 answer

interface X extends ScrollElementProps

= P & {}

I'm working with react-scroll. There is a props type alias which looks like this: export type ScrollElementProps

= P & { name: string; id?: string | undefined; }; I'm trying to extend the prop type, but I think I'm doing it backwards. I…

Kraken
  • 5,043
  • 3
  • 25
  • 46
0
votes
1 answer

React-scroll not working inside a Framer Motion animated element?

I'm trying to place a very simple scroll animation inside a Framer Motion div, something like this: …
wellick53
  • 67
  • 1
  • 10
0
votes
1 answer

Clicking on Navbar not Smooth Scrolling (installed react-scroll)

What am I doing wrong with this react-scroll? I want to click on the navbar link and smooth scroll to the corresponding section on the same page. However, clicking the nav items doesn't do anything. Can somebody help me with why this is not…
user16589580
  • 103
  • 8
0
votes
1 answer

Hide Show component and highlight link with react scroll

Problem statement: On clicking the react scroll link, the link is not highlighted(I've used spy) and it is not scrolling to the div instead just landing to the page. Is there any other efficient way to do it? As i'm learning react by doing Page…
SparkOn
  • 8,806
  • 4
  • 29
  • 34
0
votes
0 answers

Trigger scroll event when user scroll up or down react.js

I'm trying to simulate Tesla's web app landing page scroll behavior using React.js and react-scroll Assume we have 2 sections, the hero image is section 1, and within a small scroll from the user, an event is triggered it scrolls down to the next…
Amr
  • 646
  • 1
  • 6
  • 21
0
votes
1 answer

Remove scrollbar when nothing to scroll

I want to have a scrollbar when they are items, but when there is nothing to scroll to don't appear the scrollbar. If I use this, it removes it, but in all cases. I want to see the scrollbar if it's not empty: ::-webkit-scrollbar { display:…
Jonathan Gómez
  • 403
  • 1
  • 6
  • 19
0
votes
1 answer

Auto scroll after click action react-scroll

I am using react-scroll in react and i am trying to scroll the container div overflow-y after doing an action click in a button, but the function scrolls the body overflow not the container div. How can i do it? The body has overflow: hidden, and…
PORMAZION
  • 11
  • 2
0
votes
1 answer

Smooth Scroll + Trigger Function with OnClick of Button

import React, { useState, useRef } from "react"; import { Link, animateScroll as scroll } from "react-scroll"; function Acc(props) { const content = useRef(null); const [setActive, setActiveState] = useState(""); const [setScroll,…
user15724342
0
votes
1 answer

React: How to disable clicking while scrolling with react-scroll?

When I click anywhere on the screen during a scroll animation the animation stops. I want to disable this and figured one of the ways would be to make the whole screen unclickable during the scroll. I tried making pointer-events: none onScroll but…
Joni
  • 81
  • 2
  • 9
0
votes
0 answers

Styling on a React Link element causes click to break

So, this one I just cannot figure out. I tried a custom (in my head, simple and elegant) solution for pagination, but I realize it's maybe not that. But still, it kinda works and the way it now breaks doesn't make sense at all. For this, I use a…
L03TJ3
  • 37
  • 8
0
votes
1 answer

How to disable console logs from react-scroll-to-bottom

I have installed react-scroll-to-bottom. Everytime I render this component, I have some logs about it in the console. Do you know how to disable this ? Documentation says to pass debug:{false} as a props to the component, but it doesn't work.
WaLinke
  • 726
  • 2
  • 6
  • 25
0
votes
2 answers

Scroll to find element nested inside - Senium with Python (using SeleniumLibrary)

I need to find element "16" , my project using driver = SeleniumLibrary driver.open_browswer("..."_ driver.find_element…
Scorpisces
  • 69
  • 1
  • 9
1 2 3
4
5