There are 2 checklist under each various other in container. If we begin scrolling without computer mouse moving, scroll will certainly quit when the initial checklist end accomplished. After that if action computer mouse as well as scroll once again it switch over to container and after that to the 2nd checklist.
Exists method order to do typical scrollbar for both listings? Or omit disturbance when checklist end accomplished.
container {
size: 150px;
elevation: 70px;
overflow: car;
}
. checklist {
elevation: 50px;
overflow: car;
} << div course=" container">
<> < ul course=" checklist">
<> < li>> Thing 1<.
<< li>> Thing 2<.
<< li>> Thing 3<.
<< li>> Thing 4<.
<< li>> Thing 5<.
<< li>> Thing 6<.
<< li>> Thing 7<.
<< li>> Thing 8<.
<< li>> Thing 9<.
<< li>> Thing 10<.
<< li>> Thing 11<.
<< li>> Thing 12<.
<.
<< ul course=" checklist">
<> < li>> Thing 1<.
<< li>> Thing 2<.
<< li>> Thing 3<.
<< li>> Thing 4<.
<< li>> Thing 5<.
<< li>> Thing 6<.
<< li>> Thing 7<.
<< li>> Thing 8<.
<< li>> Thing 9<.
<< li>> Thing 10<.
<< li>> Thing 11<.
<< li>> Thing 12<.
<.
<
