Prevent of appearing second scroll-bar

ravenq / markdown-it-vue

The vue lib for markdown-it.

MIT License

348 stars 67 forks source link

Prevent of appearing second scroll-bar #3

Closed bubnenkoff closed 5 years ago

bubnenkoff commented 5 years ago

This component is adding second scroll bar:

Can I remove it and use main browser scroll?

ravenq commented 5 years ago

Thanks for your issue.

if you set the height of the compennent's container?

the scroll always show when set a fix height of html elment. and it does not set fix height in markdown-it-vue.

bubnenkoff commented 5 years ago

Do not helped. I added wrapper div:

The second scroll-bar still exists.

bubnenkoff commented 5 years ago

It seems that problem in el-main. But I do not know how to fix it... setting overflow to none break footer.

ravenq commented 5 years ago

may be. try to remove the markdown-it-vue out of the el-container.

and you do not to set he height of markdown-it-vue container height fixed.

bubnenkoff commented 5 years ago

@ravenq I tried a lot of variants, but did not get what I want. Now working only inner scroll-bar. Could you help me. Here is my site http://dlang.ru/book

ravenq commented 5 years ago

is it what your want?

if yes. you may remove the scope in you vue style sction. and then add the code in the style section.

.el-container {
    height: 100%;
}