EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on October 04, 2018, 07:13:08 AM



Title: [SOLVED] Hide scrollbar
Post by: Pierre on October 04, 2018, 07:13:08 AM
Hello
is it possible to hide scrollbar, like it works on mobile devices?
I made sample here: http://code.reloado.com/oeasyrik1/194/edit
What I need is to hide scrollbar (it looks ugly) and to eventually display it when user hover with the mouse.
I try to use this module: https://nicescroll.areaaperta.com/demo/ but it does not work in my code because I change DIV content dynamically using
    $('#my_div').html(data);
    $.parser.parse('#my_div');
Thank you.


Title: Re: Hide scrollbar
Post by: Pierre on October 05, 2018, 11:18:52 PM
Please?


Title: Re: Hide scrollbar
Post by: jarry on October 06, 2018, 06:30:05 AM
Please look at this example
http://code.reloado.com/oeasyrik1/196/edit#html


Title: Re: Hide scrollbar
Post by: Pierre on October 06, 2018, 09:23:06 AM
Thank you so much for your help, but I need to use dynamic content (content returned from server).
I prepared new example, so please take a look:
http://code.reloado.com/oeasyrik1/199/edit
why it does not work?


Title: Re: Hide scrollbar
Post by: jarry on October 07, 2018, 02:20:30 AM
Add 'height:100%' style to the 'mydiv' element.
Code:
<div id="mydiv" style="height:100%"></div>
This example works fine.
http://code.reloado.com/oeasyrik1/200/edit#source


Title: Re: Hide scrollbar
Post by: Pierre on October 07, 2018, 03:21:12 AM
YES. Thank you so much. So many things to learn  ;D