I have the following jquery call on my website and I would only like it to be actioned if the visitor is using a desktop device (screen size over 767px). How can this be achieved?
SCRIPT
<script>$("#sidebar").stick_in_parent();</script>
Asked
Active
Viewed 38 times
0
-
1https://developer.mozilla.org/en/docs/Web/API/Window/matchMedia – haim770 Jul 19 '16 at 11:52
-
1Just FYI there's plenty of handheld devices which have a screen size over 767px. You probably want to check pixel ratio too. – Rory McCrossan Jul 19 '16 at 11:53
2 Answers
2
You can check the window width, but keep in mind, there are handhelds with over 767px width. So this is not a "desktop check".
if( $(window).width() >= 767 )
$("#sidebar").stick_in_parent();
eisbehr
- 12,243
- 7
- 38
- 63
0
Use navigator.platform to get OS Name vs. using screen size.
What is the list of possible values for navigator.platform as of today?
Community
- 1
- 1
Elim Garak
- 1,728
- 1
- 16
- 21