Javascript 粘性导航栏-仅在移动设备上显示

我只想让移动设备上的按钮粘在一起——演示中就是这样

您必须将浏览器的大小调整为移动尺寸，才能看到这一点。基本上这就是预期的结果- 在登录页上，您可以看到按钮位于横幅下方，当向下滚动时，横幅顶部会有粘性：

我想在手机上使用这种粘性，但现在它正在桌面上进行。你能告诉我这是否有任何影响，或者如何在移动设备上实现按钮粘性吗

---

此外，按钮的放置方式是否会对桌面版本产生影响？

假设您有一个按钮

<button class="for-mobile"></button

并在调整屏幕大小时显示它

@media only screen and (max-width: 1020px)
.for-mobile {
    display: block !important;
}

---

更改应用此样式时要调整的最大宽度

假设您有一个按钮

<button class="for-mobile"></button

并在调整屏幕大小时显示它

@media only screen and (max-width: 1020px)
.for-mobile {
    display: block !important;
}

---

更改应用此样式时要调整的最大宽度

您应该使用css@media查询。

---

看看

您应该使用css@media查询。

---

看一看

如果你看到了网站的源代码，你可以很容易地理解它正在header div中使用class

。non-mobile

<div class="row t-most-header non-mobile">

---

了解有关媒体查询的更多信息

如果您看到网站的源代码，您可以很容易地理解它正在header div中使用class

。non-mobile

<div class="row t-most-header non-mobile">

---

了解有关媒体查询的更多信息

您希望在移动视图中粘贴哪个部分？请参阅此链接以使用媒体查询。要在移动视图中粘贴哪个部分？请参阅此链接以使用媒体查询。