Scroll bar position in a div

asked 2019-04-23 02:32:44 +0800

andij62
315 ● 1 ● 7

I have a container-div that contains several individual divs. The container-div contains an x-scrollbar. I would like to position the x-scrollbar via button. Is that possible?

.tab-list-container { height: 250px; height: 25rem; margin-bottom: 4rem;
overflow: hidden; background: transparent; text-align: center; }

.tab-list { height: 290px; height: 29rem; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }

            <div sclass ="tab-list-container" >             
                <hlayout style="text-align: center" sclass="tab-list">
                    <div width="200px">aaaa</div>
                    <div width="200px">bbbb</div>
                    <div width="200px">cccc</div>
                    <div width="200px">dddd</div>
                </hlayout>
            </div>
            <separator height="50px" />
            <div align="center" >
                <button id="btprev" />
                <button id="btnext" />
            </div>