• Share full article

Advertisement

Supported by

Solving the Case of the Mac’s Disappearing Scroll Bars

By J. D. Biersdorfer

  • Feb. 2, 2017

Q. I recently switched to a Mac laptop, and the Safari browser confuses me. Sometimes it has scroll bars on the side of the page, and sometimes it doesn’t. Why is this?

A. In an attempt to streamline the user interface, Apple’s Safari browser for the Mac has scroll bars that can disappear from view if you are not actively scrolling through a web page. The company has been tinkering with desktop scrolling behavior for several years , and Safari’s behavior on the Mac is similar to the way it behaves in Apple’s iOS mobile operating system.

safari horizontal scroll not working

Scroll bars that disappear until they are needed make more sense on a mobile device with limited screen space than they do on a bigger screen navigated by mouse or track pad. Fortunately, you can change the scroll bar behavior for your programs in the Mac’s system preferences.

Click the System Preferences icon in the Mac’s desktop dock , or go to the Apple Menu and choose System Preferences. When the System Preferences box opens, click the General icon in the top row.

In the General box , go to the “Show scroll bars” section and click the button next to Always. Additionally, you can change what happens when you click in a scroll bar too, either jumping to the next page or to the area of the page where you clicked. (Before you close the preferences box, you can make other interface adjustments like changing the highlight color and increasing the sidebar icon size, among other things.)

If you do not like Safari, you can download another Mac-friendly browser like Google Chrome , Mozilla Firefox , Opera or Vivaldi . In most newer browsers, you can even use a keyboard shortcut to roll through a page — tap the space bar to scroll down, or hold down the Shift key and tap the space bar to reverse direction.

Personal Tech invites questions about computer-based technology to [email protected] . This column will answer questions of general interest, but letters cannot be answered individually.

How to Make Your Smartphone Better

These days, smartphones include tools to help you more easily connect with the people you want to contact — and avoid those you don’t. Here are some tips .

Trying to spend less time on your phone? The “Do Not Disturb” mode can help you set boundaries and signal that it may take you a while to respond .

To comply with recent European regulations, Apple will make a switch to USB-C charging for its iPhones. Here is how to navigate the change .

Photo apps have been using A.I. for years to give you control over the look of your images. Here’s how to take advantage of that .

The loss of your smartphone can be disruptive and stressful. Taking a few simple steps ahead of time can make things easier if disaster strikes .

Many default settings make us share superfluous amounts of data with tech companies. Here’s how to shut those off .

  • Use the old theme

Home / Plugin: wpDataTables - WordPress Data Table, Dynamic Tables & Table Charts Plugin / Horizontal scroll not working on Chrome but works on Safari

Horizontal scroll not working on Chrome but works on Safari

' src=

(@elzbietajazviecka)

8 months ago

Hello, Everything works fine on Safari, but horizontal scroll doesn’t work on Chrome? Can anybody help me with this issue? I would be really grateful

The page I need help with: [ log in to see the link]

' src=

(@wpdatatables)

Hello, We visited your page from Chrome, and we are not able to see the issue. For us, the horizontal scroll works on the table on that page. You can download our Video from this link , and check how it looks. Did you perhaps do something to fix this in the meantime, maybe purged cache of the site, or something like that?

Kind regards.

' src=

Hello and thank you very much for your reply. I didn’t do anything more, I’m using Chrome for Mac, also tested on iMac and didn’t work either. However it works on Chrome, Safari, Firefox and Edge for all devices, except Chrome for these two.

7 months, 3 weeks ago

Hello @elzbietajazviecka , Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated. Thank you for the confirmation of the behaviour you noticed from your end. Can you please confirm what is the version of the operating system of your Mac device and iMac, and what is the Safari browser version?

Our developers always improve and optimize our plugin for the latest Safari version,

and at least two versions before, but if you might have an older one, for example if you have the Catalina Mac system, or Safari Version 13.1, then our tables will not properly render. If that is the case, can you please either update your system on your Mac device, or update your Safari version to any newer version, higher than 13.1, then purge cache and cookies from your browser,  and this should be solved? Let us know if that helps, or if further troubleshooting is required. Thank you.

  • The topic ‘Horizontal scroll not working on Chrome but works on Safari’ is closed to new replies.
  • wpDataTables - WordPress Data Table, Dynamic Tables & Table Charts Plugin
  • Frequently Asked Questions
  • Support Threads
  • Active Topics
  • Unresolved Topics
  • In: Plugins
  • 2 participants
  • Last reply from: wpDataTables
  • Last activity: 7 months, 3 weeks ago
  • Status: resolved
  • Discussions

Horizontal Scroll not working on my safari browser

code_vader

No error message is being shown This is an example page in datatables site even this is not working on my safari browser (13.1.2 (14609.3.5.1.5))

allan

Your browser is actually wide enough there that horizontal scrolling isn’t required to show the whole table. Try making the browser window narrower and you should see it spring into action.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Quick Links

  • Recent Discussions
  • 73.1K All Categories
  • 56 Priority support
  • 22.9K Free community support
  • 977 General
  • 13 Announcements
  • 2.4K DataTables
  • 6 DataTables 2
  • 1.3K DataTables 1.10
  • 90 DataTables 1.9
  • 35 DataTables 1.8
  • 9 CloudTables
  • 2.1K Editor
  • 2.8K Extensions
  • 20 AutoFill
  • 301 Buttons
  • 28 DateTime
  • 67 FixedColumns
  • 49 FixedHeader
  • 31 ColReorder
  • 28 KeyTable
  • 100 Responsive
  • 22 RowReorder
  • 40 Scroller
  • 157 SearchBuilder
  • 189 SearchPanes
  • 25 StateRestore
  • 22 TableTools
  • 210 Bug reports
  • 65 Feature requests
  • 97 Plug-ins
  • 64 Web-site

DataTables designed and created by SpryMedia Ltd . © 2007-2023 MIT licensed . Privacy policy . Supporters . SpryMedia Ltd is registered in Scotland, company no. SC456502.

Navigation Menu

Search code, repositories, users, issues, pull requests..., provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

  • Notifications

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement . We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Horizontal Scrollbar not rendering properly on mac #2962

@baveryt

baveryt commented Feb 19, 2019

  • 👍 6 reactions

@envynoiz

envynoiz commented Feb 19, 2019 • edited

  • 👍 3 reactions

Sorry, something went wrong.

@EddieBenji

EddieBenji commented Feb 19, 2019 • edited

@billdwhite

billdwhite commented Feb 22, 2019

  • 👍 1 reaction

@makinggoodsoftware

makinggoodsoftware commented Mar 1, 2019

@makinggoodsoftware

makinggoodsoftware commented Mar 11, 2019

  • 👍 2 reactions
  • 👎 5 reactions

baveryt commented Mar 11, 2019

@MakcStudio

MakcStudio commented Apr 10, 2019

@gportela85

gportela85 commented Apr 11, 2019

@tonjohn

tonjohn commented May 6, 2019 • edited

  • 😄 1 reaction
  • 🎉 1 reaction
  • ❤️ 1 reaction
  • 🚀 1 reaction

@nandithakw

nandithakw commented May 30, 2019

@tamasc

tamasc commented Jul 21, 2019

@cdussud

cdussud commented Jul 4, 2020 • edited

@triadiprabowo

triadiprabowo commented Aug 14, 2020

No branches or pull requests

@billdwhite

Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

why does the scroll bar on safari disappear

Since the last security update on Safari, often when I use the back arrow to return to a previous page, the scroll bar disappears. I have checked System Preferences and the 'always show scroll bar' option is selected. I'm using macOS Monterey version 12.7.1 and Safari version 17.1. Thanks

MacBook Air 13″, macOS 12.7

Posted on Nov 3, 2023 7:41 AM

Similar questions

  • Lost scroll bar arrow When in a window the up/down scrolling bar will not show up unless I first hit the up or down arrow on the wireless Apple keyboard. Otherwise the scroll bar for up or down will not show and if I do not use it right away when it shows it will disappear again. It started shortly after I upgraded to Monterey 12.2.1 and was in Safari 15.3.  4584 6
  • Safari unusably choppy scrolling after upgrade to macOS 12.1 Hi, Ever since I upgraded to macOS 12.1, Safari (15.2) is basically unusuable. It often takes anywhere between half a second and a full second until scrolling has any effect, regardless of whether I use the mouse or the keyboard. I don't use any extensions. CPU and memory usage is normal. I tried deleting all history and site data to no avail. It doesn't seem to matter what site I'm on. Has anyone seen this and found a solution? 736 2
  • Safari scrolling is not smooth When browsing websites (any website) on Safari, the scrolling with trackpad / mouse / scrollbar is not smooth. There is a noticeable stutter. This does not happen when using Chrome, where the scrolling is buttery smooth. Is this normal behaviour, or is there something that can be done to fix this? I am running Safari 14.0.2, on Big Sur 11.1 (latest update), on a MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports) with Intel Core i7 Quad-Core. This problem has been persistent through multiple versions of Safari and OS. 789 2

Loading page content

Page content loaded

RickMaddy

Dec 17, 2023 5:48 PM in response to asimaftab

I submitted a bug report (FB13327951) to Apple about this on November 9th. It's still an issue with Safari 17.2 as of today (December 17). I'm using macOS 13.6.1.

Everyone experiencing this bug should file a bug report using the Feedback Assistant (Applications -> Utilities -> Feedback Assistant).

Jan 22, 2024 9:28 PM in response to RickMaddy

Sadly this is still an issue (January 22) as of Safari version 17.3 (18617.2.4.11.9, 18617) under macOS 13.6.4.

Jan 27, 2024 10:16 PM in response to RickMaddy

Updating to macOS 14 resolves the issue. It's a shame Apple hasn't fixed Safari 17 to work correctly on older versions of macOS.

Feb 6, 2024 3:54 AM in response to asimaftab

Thanks. I'll move on to the new OS.

IMAGES

  1. Flexbox horizontal scroll not working on iOS Safari

    safari horizontal scroll not working

  2. Mobile Safari Viewport

    safari horizontal scroll not working

  3. html

    safari horizontal scroll not working

  4. Horizontal Scroll not working on my safari browser

    safari horizontal scroll not working

  5. iphone

    safari horizontal scroll not working

  6. Safari Not Working On iPhone? Here's The Fix. [Step-By-Step Guide]

    safari horizontal scroll not working

VIDEO

  1. Horizontal Scrollbar Using HTML CSS

  2. How to Fix Side Scroll Not Working on MX Master 3

  3. THE ULTIMATE SKY @Cloudsnature

  4. Create an application for demonstration of Horizontal Scroll view in android

  5. Tiktok videos auto scroll\Tiktok video download option clear screen and picture play and report

  6. ASMR

COMMENTS

  1. horizontal scrolling div not working in Safari

    4. Hi I made this site a while ago in my table days but have just realised the horizontal scrolling dive doesn't work in Safari. overflow-x:scroll ; overflow-y:hidden; overflow:-moz-scrollbars-horizontal !important; height:138px; width:360px;

  2. Scrolling in Safari not working

    Apple silicon. 1.) Shut down your Mac. 2.) Turn on your Mac and continue to press and hold the power button until you see the startup options window. 3.) Select your startup disk, then press and hold the Shift key while clicking "Continue in Safe Mode.". 4.)

  3. No horizontal scroll in Safari. Bug, or pref?

    Click the image, then if you see a magnifying glass with a + in it when you hover your cursor over the letters, click again so it goes beyond your window size [or repeatedly tap Cmd ⌘ + until it no longer fits the window]. Hold Shift & scroll mouse wheel. It would be interesting to know if this affects trackpads too, but I don't have one to test.

  4. Horizontal scrolling to go back and forth…

    Safari back scroll ( double finger swipe) Hey, I am using a Macbook pro m1. I am quite used to the double finger swipe to go back to the previous page on safari. Recently l, I found out that, while using Safari, I can only do the swipe while I am on the top of the webpage. If I scrolled down to middle, or the end, it will not work.

  5. safari

    No it is not. I have an Mx Master and the horizontal scroll wheel does not switch between tabs in Safari and Chrome. Instead it horizontally scrolls the web page. Make sure you have selected "all applications" in the logi options and set the thumb scroll wheel to "horizontal scroll". If that doesnt work try reinstalling the logi options toll. -

  6. Safari Not Scrolling on Mac, iPad, iPhone and iPod

    Open Safari on your Mac. In the Menu Bar, click Safari. From the drop-down menu, click Settings. Click the Extensions tab at the top of the Settings window. Locate any of the extensions that are enabled. Click the corresponding checkbox next to the extensions or ad blockers to turn them off. Close and restart Safari.

  7. Shift scroll doesn't horizontally scroll with any external mouse

    19. The issue was that I was using Mos to enable smooth scrolling on my Mac. However, it removes the ability to scroll horizontally using the shift key by default. To reenable this behavior, go to Mos Settings > Advanced and then select "Shift" as the horizontal scrolling key. That should do it! Thank you!

  8. Horizontal scrollbar is not working on safari

    First of all, it does not work in my Firefox 47 (Windows 10 x86_64). Second, as much as many of us would like to expect that the rendering of things like select elements only is done using CSS rules, it is not so and different browsers render them differently -- there is no cross browser requirement as to how select elements should be rendered exactly.

  9. Arrow key scrolling broken in Safari 16.5…

    Arrow key scrolling broken in Safari 16.5 (Ventura) As of recently, hitting arrow keys as described on this page: Keyboard shortcuts and gestures in Safari on Mac - Apple Support (UK) does not work as described on that page. That page says. as of now: > Scroll up, down, left or right: Press the arrow keys. However, pressing arrow keys does ...

  10. Solving the Case of the Mac's Disappearing Scroll Bars

    Click the System Preferences icon in the Mac's desktop dock, or go to the Apple Menu and choose System Preferences. When the System Preferences box opens, click the General icon in the top row ...

  11. Safari 15.0 is missing the scroll bar

    When I click "Always", a black bar shows on the right of the window - a click in the black bar moves the page - but still no scroll bar. There have recently been many reports of a broad range of new problems on this support site about the latest release of Safari v15. It is included in the downloads for Big Sur and Catalina.

  12. fix for mx master 3 horizontal scroll on safari tabs : r/logitech

    Easiest way to do this, Make sure to have Safari and Logi Options + open. On Logi Options, click on your mouse, you should see the safari logo on the upper top right of the Logi Options Window. Click on the Safari Logo, then you will see a brand new mapping of options specific to Safari, from there you can reset the thumb wheel to be horizontal ...

  13. Horizontal scroll not working on Chrome but works on Safari

    The topic 'Horizontal scroll not working on Chrome but works on Safari' is closed to new replies. wpDataTables - WordPress Data Table, Dynamic Tables & Table Charts Plugin Frequently Asked Questions

  14. Horizontal Scroll not working on my safari browser

    This is an example page in datatables site even this is not working on my safari browser (13.1.2 (14609.3.5.1.5)) Answers allan Posts: 61,527 Questions: 1 Answers: 10,072 Site admin

  15. How can I get my scrollbar back in Safari?

    SteveKir wrote: Have you visited System Preferences > General > Show Scroll Bars: Set this to "Always". Thanks Steve. Just started working with OS X 10.8 aka Mountain Lion after upgrading from 10.6 (whatever its name was) and have spent most of the time working out how to turn off various animations and auto-corrections and get back scroll bars.

  16. Horizontal Scrollbar not rendering properly on mac #2962

    Select fill 60% to force horizontal scrolling. On a windows platform the horizontal scrollbar will remain visible no matter where you are in the vertical sense. On a mac you only can see the horizontal scrollbar once you have scrolled to the max in the vertical sense. Expected behavior. The horizontal scroll bar should always be visible on a ...

  17. Safari won't scroll

    Posted on Apr 12, 2020 9:47 AM. Try double clicking the Home button or swipe up from the bottom of the screen and swipe Safari upwards. Go to Settings/Safari and clear History and Website Data. Open Safari and test. Safari - Clear the history and cookies on your iPhone, iPad, or iPod touch.

  18. why does the scroll bar on safari disappe…

    Since the last security update on Safari, often when I use the back arrow to return to a previous page, the scroll bar disappears. I have checked System Preferences and the 'always show scroll bar' option is selected. I'm using macOS Monterey version 12.7.1 and Safari version 17.1. Thanks.

  19. html

    I'm developing a content slider and have the container width at 640px. I have content that is overflowing the width but horizontal scroll is not working in Firefox, Chrome, or IE.