Home/ Questions/Q 9165727
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T14:58:26+00:00

PROBLEM ONLY EXISTS ON MAC DEVICES. I am using jQuery weekcalendar plugin to show

  • 0

PROBLEM ONLY EXISTS ON MAC DEVICES.

I am using jQuery weekcalendar plugin to show a webbased calendar with appointments. I am having a problem to display it in Chrome & Safari (maybe also others), but it displays correctly in Firefox.

Firefox (the scrollbar is there even if no scrolling is enabled):
enter image description here

Chrome (note that Chrome doesn’t show the scrollbar when it is not needed. If user starts to scroll the calendar, the scrollbar is added to the green page content):
enter image description here

I don’t know what code I should post. Please have a look at the page source code of my calendar.

Any hint is appreciated. Thx.

Edit:
I just found out that it only doesn’t work on Mac devices (iPhone, iPad, Macbook Pro) with Safari and Chrome. The problem ist that on mac the scrollbar is not shown, whereas on Windows the scrollbar is shown in the calendar directly and it is static. On mac the scroll bar disappears when the page doesn’t move. Any idea how to fix that?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Forcing a scrollbar on webkit browsers for everyone* can be done by using a custom scrollbar. On your CSS, add this:

    ::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

    More customization options in:
    http://davidwalsh.name/custom-scrollbars

    —
    *If you need only to see locally on your machine, follow this:
    http://osxdaily.com/2011/08/03/show-scroll-bars-mac-os-x-lion/

    • 0