search

ka215 / jquery.timeline

You can easily create the horizontal timeline with two types by using this jQuery plugin.
MIT License
240 stars 43 forks source link

Blank space on the right side of the page #59

Open ngtrex opened 4 years ago

ngtrex commented 4 years ago

Hello, First of all, thank you for the great plugin.

I'm trying to create a TimeLine using version 2.0.0. I implemented it by referring to "Getting Started" in the document, but there is a blank space on the right side of the page. 2020-07-22_190103

This phenomenon seems to occur in the demo as well. Also, there is a gap in the center alignment. (These phenomena did not occur in Tester.) 2020-07-22_190743

Is there any workaround?

The browser was confirmed with Chrome and Chromium-based Edge.

Thanks.

Mikice commented 3 years ago

Hello, I am implementing the plugin, which is very nice, but I have exactly the same problem highlighted. Can you help me ? Thanks

ka215 commented 3 years ago

Hi there,

Please try to specify the width in the parent element of the timeline container element. Furthermore, if you specify to "hidden" the overflow-x in the parent element, it will be perfect.

cf.

<div style="width: 100%; overflow-x: hidden">
  <div id="myTimeline"></div>
</div>

It looks like a bug in the rendering process of the timeline, so I'll fix this in the near future.

Thank you.

ka215 commented 3 years ago

Hi,

I fixed a bug that the horizontal-scroll bar is displayed when the width of the element of the timeline instance overflows the parent element, at version 2.1.1.

Thank you.

ngtrex commented 3 years ago

Hello,

I confirmed that the code you provided hidden the horizontal-scroll bar. Also, I confirmed that hidden the horizontal-scroll bar when using Version 2.1.1 too.

Thank you very much for your response.