I've encountered an issue while building my portfolio with React.js. I'm having trouble removing the scrollbar. I've attempted using overflow: hidden for the parent element and overflow: scroll for the child div, but it's not producing the desired result. Even Fullpage.js didn't work for me.
My goal is to completely eliminate the scrollbar from the entire website. Can anyone provide guidance on this? Below is the content of my App.js:
~ For reference, here is a similar site:
import React, { useState } from "react";
import "./App.scss";
import Home from "../home/Home";
import About from "../about/About";
import Skill from "../skill/Skill";
import Project from "../project/Project";
import Contact from "../contact/Contact";
import ThemeContext from "../../common/ThemeContext";
function App() {
const [theme, setState] = useState('darks')
const themeStyle = {
dark:{
background: '#121212',
primary: '#DADADA',
secondary: "#A13251"
},
light:{
background: '#E1E1E1',
primary: '#333333',
secondary: '#008F96'
}
}
return (
<ThemeContext.Provider value={
theme==='light'?
themeStyle.light:
themeStyle.dark
}>
<Home />
<About />
<Skill />
<Project />
<Contact />
</ThemeContext.Provider>
);
}
export default App;