Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Parallax effect doesn't work in Chrome

Featured Replies

Hi! I've made a website and tested it on all browsers and just in Chrome the parallax effect doesn't work. When I click on the nav button, nothing happens. I don't know why? Please help me!

Your are missing your -webkit- & -moz- transitions on the nav ul a declaration -

#navi li a{
	display:block;
	text-decoration:none;
	line-height:30px;
	color:#FFF;
	transition:all 0.9s ease;
}

Lines 100 to 105 inclusive.

Just to inform you, parallax does also not work on ipad or iPhone. I use a version of parallax on a site I am building for myself but it does not look as bad on the ipad as the one you are using http://mentiondesign.com/site/

 

I was wondering how your site is going. Looking good, did notice a white strip down the right side that makes the page wider than the view in FF.

  • Author

Just to inform you, parallax does also not work on ipad or iPhone. I use a version of parallax on a site I am building for myself but it does not look as bad on the ipad as the one you are using http://mentiondesign.com/site/

Nice website! Thanx for the info, I don't have an iPad or iphone to test it. However, you didn't give me an answer.

  • Author

not sure whether you've fixed it but it works for me on mac mavericks, Chrome and Canary latest ;)

I didn't fix it yet, still working on it....maybe it works only on your mac :)

Seems to work how I'd expect a parallax to work for me - Chrome (version 33.0.1.xxx) on Windows 7. I've checked the Google Chrome website and it states that XP is still supported so I'm not sure as to whether you'd be on a different version or not.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.