Archived topic
Horizontal scrollbar
6 replies · Started by Sharif on June 30, 2017
Hi there,
I use Latex to write mathematical equations. Sometimes equation is long and I want to put it in a box with horizontal scrollbar so my students will be able to view the remaining part of equation. I use this css:
.box{
color:#000000;
width:100%;
box-sizing:border-box;
text-align:left;
border: dotted 1px #efefef;
direction:ltr;
line-height:2.8em;
overflow-x:auto;
padding:5px 5px 5px 5px;
background-color:#ffffff;
}
The problem is that horizontal scrollbar is not visible in mobile browsers. Is there any css to make it visible in mobile browsers?
Regards,
Hi there,
I don't believe mobile browsers display scrollbars at all until you're actually scrolling I'm afraid.
Hi there,
Yes! you are right.
Above css adds scrollbar but it is not visible before scrolling.
I googled and found below css in codepen.io.
vertical css scrollbar
I visited above link in chrome mobile browser and scrollbar is visible in mobile browser. Actually could not get my job done to implement it because that css is for vertical scrollbar but I want horizontal scrollbar. Could you please visit that link and if possible make a nice horizontal scrollbar class from it?
Regards,
I think my topic needs a freshness. Is there anyone to help me?
Regards,
I think this is beyond what we can offer on the support forum here as you can see that there is a lot of custom code involved and it's not theme or plugin related.
You can try asking it here: https://stackoverflow.com/
Thanks Leo,
No Problem. You are right. I asked because thought it will be possible with simple css.
Regards,
Might be worth asking on: https://stackoverflow.com/ :)
