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

YouTube Fullscreen -> scrollbar Problem

  • Kipperlenny

    (@kipperlenny)


    6 months, 1 week ago

    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)

    6 months ago

    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)

    6 months ago

    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.

Topic Tags

Views