Safari - Webpage scrolling issue

Question

Level 1

8 points

Safari - Webpage scrolling issue

I am a web developer and I have run into a really weird issue with a client site. When I view the site on windows desktop it operates correctly but the client on a mac is telling me that on some pages, after they have scrolled to the bottom of the webpage, that when they scroll back up to the top of the webpage they are not able to get back to the complete top of the page and instead it stops them from scrolling anymore when they are 100-200 pixels from the actual top of the page so it is cutting off the top of the page content when they try to get back to the top. I do not have a desktop mac but I tried some online mac with safari emulators and I still can't see the problem, but the client has several people on macs that have this problem. The webpage loads just fine but after visiting the bottom and coming back to the top it won't go to the full top of the page. I have never had this issue with a website before and I am wondering if anyone can duplicate this problem on their mac and also if anyone has any idea what is causing it and how to fix it.

Here is a webpage on the site that the client says has this problem:

https://thestable.com/about-us/

MacBook Pro with Retina display, macOS High Sierra (10.13), 15" MacBook pro 2017, safari 11.0.1

Posted on Jan 9, 2018 9:19 AM

Reply

Answer 1

VikingOSX

Level 10

123,470 points

Jan 9, 2018 11:16 AM in response to syferX

I experience zero scrolling issues with Safari 11.0.2, Firefox 57.0.4, and Chrome 63 on either OS X El Capitan (10.11.6), or macOS High Sierra 10.13.2. The latter also incorporates the Spectre fixes for Safari and Webkit.

The quick fix for your Mac clients using Safari and Firefox is to use command+↑ to jump to browser page home. Google Chrome ignores this keyboard shortcut.

I recommend that you borrow a Mac running the operating system and browser(s) version that represent your client mainstream scrolling issues. Test your code on the physical Mac, so you can observe, and interactively debug the problem as it occurs.

Safari 11.0.2 also complained about this single error:

Reply

Answer 2

Eric Root

Level 10

685,257 points

Jan 9, 2018 9:31 AM in response to syferX

I have no problems with the web site. It may be some installed software that is causing the problem. As a test, ask them to log into a different admin user account and see if they have the same problem.

Reply

Answer 3

VikingOSX

Level 10

123,470 points

Jan 9, 2018 7:54 PM in response to syferX

I have no issue (smoothly) scrolling while the text is typing, even on a 16 GB quad-core i5 2011 Mac mini with Safari 11.0.2. My present net bandwidth is 75Mbps with a 25ms latency.

There are so many things that the client may be doing on their end that impacts the usabliity of your site. Are the people reporting the issues all on the same LAN segment? What is different about their workflow? Is the same person reporting lag, also running anti-virus software on the Mac, or running too many applications for available memory and swapping to disk? Are they streaming a YouTube video while using your site, or on a business Skype video conference call? Of course, it might be code incompatiblity with the browser version, but that will be real hard to diagnose remotely.

Reply

Answer 4

syferX Author

Level 1

8 points

Jan 9, 2018 11:39 AM in response to VikingOSX

I totally agree about testing on a physical mac. The problem I have is that I am not near the client and I don't know anyone with a mac that can replicate the problem they are having. It is frustrating.

One other thing they have brought up is that on the home page it seems that they can't scroll down until after the text "typing" effect is done. What is weird again is that I cannot duplicate that issue either. That text typing effect should have nothing to do with scrolling and it is just some JS code that adds text to a div.

I am not asking necessarily for help with my code but mainly if anyone else can duplicate the issues that the client and their various people on different macs is having.

Can anyone see if they also get the home page "stuck" issue where it won't scroll until the text "typing" effect is done. https://thestable.com/

Any other thoughts area appreciated.

Reply

Answer 5

syferX Author

Level 1

8 points

Jan 9, 2018 10:01 AM in response to Eric Root

Other software does not appear to be the issue. This is also happening on multiple mac laptops for multiple people.

Reply