-
FEATURED COMPONENTS
First time here? Check out the FAQ!
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>
Clients.scrollIntoView()
can help you.
Please see http://zkfiddle.org/sample/3719an/1-Scroll-bar-position-in-a-div
Asked: 2019-04-23 02:32:44 +0800
Seen: 14 times
Last updated: Apr 23 '19
How to control selectAll() feature in a Listbox with multiple=true and checkmark=true
ZK8 Wizard Series: Part 2 now released!
Faster And Lighter, The Performance Test On ZK8
org.zkoss.xel.XelException: Resource not found: http://www.zkoss.org/dsp/web/core
How To Check Dirty Status in ZK8?
Come and join the ''JS'' Hunt!