reactjs 如何更改滚动条高度

kqlmhetl  于 2023-11-18  发布在  React
关注(0)|答案(1)|浏览(147)

我有一个块,有一个属性“溢出:滚动”我想改变我的滚动高度从https://ibb.co/gFyfDwT到这个https://ibb.co/SsByRXB

Lesson.jsx

import React from 'react';
import less from "./css/lesson.module.css";
import "./css/betaLesson.css";

export class Lessons extends React.Component {

    render() {
        return (
            <>
                <div className="abc">
                    <div className={less.wrapper}>
                        <div>
                            <div className={less.sidebar}>
                                <div>
                                    {listLessons}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </>
        );
    }
}

字符串

style.css

const sidebar: {
    width: 240px;
    overflow: scroll;
    height: 100%;
    background: #ffffff;
    padding: 15px 0px;
    position: fixed;
}

64jmpszr

64jmpszr1#

您可以在div中添加另一个类,并根据您的需求添加高度,可能是300%。

import React from 'react';
import less from "./css/lesson.module.css";
import "./css/betaLesson.css";

export class Lessons extends React.Component {

    render() {
        return (
            <>
                <div className="abc">
                    <div className={less.wrapper}>
                        <div>
                            <div className={less.sidebar}>
                                <div className={less.lessons}>
                                    {listLessons}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </>
        );
    }
}

个字符

相关问题