Home > Net >  How to remove scroll bar from embedded Calendly schedule?
How to remove scroll bar from embedded Calendly schedule?

Time:08-29

I have embedded a calendly scheduler into my html, css website however it includes its own scroll bar which creates issues for the website functionality. How do I go about removing the scroll bar?

Calendly Embedded Code

  <!-- Calendly inline widget begin -->
  <div  data-url="https://calendly.com/kumaladevelopment/60min" style="min-width:320px;height:630px;"></div>
  <script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
  <!-- Calendly inline widget end -->

enter image description here

CodePudding user response:

Change

<div  data-url="https://calendly.com/kumaladevelopment/60min" style="min-width:320px;height:630px;"></div>

to

<div  data-url="https://calendly.com/kumaladevelopment/60min" style="min-width:320px;height:650px;"></div>

I've tried adding overflow:hidden which doesn't seem to work which is a PITA. Just adding 20px to the height seems to work okay though. You could do a bit of JS to check if the contents were overflowing the div and adjust the height to suit like here

  • Related