Javascript 将位置与jquery一起用于移动浏览器

我想做一些像固定位置的事情，除了所有的手机

像这样：

桌面：

#sidebar{
position:fixed;
width: 200px;
height: auto;
...

及流动电话：

#sidebar{
position:absolute;
width: 200px;
height: auto;
...

所以我想知道，如果我使用jquery或javascript，比如如果mobile:use position-absolute，如果desktop:use-position-fixed，它可能会工作

但我不太擅长编程javascript等，我只知道html和css。

---

有谁能帮助我使用哪些代码吗？

使用css3，您可以使用以下命令为移动设备指定代码

@media only screen and (max-device-width: 480px)
{
    position:absolute;
}

您可以使用检测设备是移动设备还是桌面设备。它有一个非常干净的做事方式

基本上，它会根据设备将类添加到

html

标记中

不触摸桌面

和

触摸手机

因此，根据HTML中定义的类，您可以添加相应的CSS定义

.no-touch #sidebar{
   position:fixed;
   width: 200px;
   height: auto;
   ...

.touch  #sidebar{
    position:absolute;
    width: 200px;
    height: auto;
    ...

---

否则，您需要检查navigator.userAgent，并检查它的每个属性，根据这些属性您需要应用这些类。但是使用这个库会让你的生活变得更加轻松，避免肮脏的黑客行为。

我想真正的问题是：如何检测浏览器是否是移动浏览器？

---

答案是：

您可以使用JavaScript/jQuery

这将检查是否在移动浏览器上查看页面，然后应用必要的更改

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
  $("#sidebar").css("position", "absolute");
}

如果您喜欢其他方法，可以检查窗口的高度和宽度：

if(window.innerWidth <= 800 && window.innerHeight <= 600) {
  $("#sidebar").css("position", "absolute");
}

if（window.innerWidth