Support » Plugin: LearnPress - WordPress LMS Plugin » YouTube Fullscreen -> scrollbar Problem

  • We have a problem with the max-height calculation after a youtube video exit fullscreen.
    The window height is not calculated correctly.

    I think this has something to do jQuery scrollable (very old lib…) https://github.com/gromo/jquery.scrollbar and WP 5.5 (we are using the jQuery Migrate Helper Plugin).

    Please see attached video: https://www.dropbox.com/s/5viuwd122disftl/scroll.mp4?dl=0

    I fixed it with:

    
    .curriculum-scrollable.scrollbar-light.scroll-content.scroll-scrolly_visible,
    .scroll-wrapper.curriculum-scrollable.scrollbar-light,
    .scroll-wrapper.content-item-scrollable.scrollbar-light,
    .content-item-scrollable.scrollbar-light.scroll-content.scroll-scrolly_visible {
    	max-height: 100% !important;
    }
    

    But it would be better to remove the custom scrollbar completly… The native scrollbar is working better on many devices.

Viewing 2 replies - 1 through 2 (of 2 total)
  • augustus09

    (@augustus09)

    Let see here https://www.w3schools.com/howto/howto_css_responsive_iframes.asp
    it will help you responsive for iframe of youtube

    Thread Starter Kipperlenny

    (@kipperlenny)

    As you can see, the problem is AFTER returning from youtube full screen. The max-height is wrongly calculated. I highlighted this with the arrows at the end of the video, the content area max-height is wrong, the nav area max-height is wrong and the scrollbar on the right (scrollable jquery plugin) is not as height as before.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘YouTube Fullscreen -> scrollbar Problem’ is closed to new replies.