Предотвратить страницу от прыжка наверх при открытии боковой панели (NextJS, TypeScript, Taillide) ⇐ CSS

[Anonymous]

Я работаю на сайте с боковой панелью для небольших экранов. Боковая панель работает нормально, однако я хочу, чтобы фоновая страница оставалась фиксированной на месте, когда боковая панель активна, а не прокрутка. Пытались добавить переполненные в раздел контента, который, по-видимому, был советом, который судил по многочисленным другим вопросам по этой теме-но не повезло.

Код: Выделить всё

import Footer from '@/components/footer';
import Navbar from '@/components/navbar';
import '@/styles/globals.css';
import type { AppProps } from 'next/app';
import { Inter } from 'next/font/google';
import { useState } from 'react';

const inter = Inter({ subsets: ['latin'] });

export default function App({ Component, pageProps }: AppProps) {
const [active, setActive] = useState(false);
const [showSearch, setShowSearch] = useState(false);
const [searchText, setSearchText] = useState('');

const handleClick = () => {
setActive(!active);
};

const sideClick = () => {
setActive(false);
};

const searchClick = () => {
setShowSearch(!showSearch);
};

const clearSearch = () => {
setSearchText('');
};

return (











);
}
< /code>
Вот кода и ящик. < /p>
overflow-hidden

приводит к отключению прокрутки, однако отключает страницу вверх.>

Подробнее здесь: https://stackoverflow.com/questions/757 ... ript-tailw