嘿，我只需要在桌面版本中修复/粘滞一个div。不是移动版本。所以请建议我如何粘一个div[关闭]

提问者：小点点

嘿，我只需要在桌面版本中修复/粘滞一个div。不是移动版本。所以请建议我如何粘一个div[关闭]

在这里输入图像描述我只需要在桌面版本中修复/粘滞一个div。不是移动版本。基本上，我有一个电子商务网站在单一产品页面，我想修复，添加到推车部分粘性和人滚动，但该区域不会消失，该部分总是滚动用户滚动，你可以看到图像。您可以使用此链接https://letronne.com/products/example-product？variant=34631988379799

共3个答案

匿名用户

有两件事你需要做。首先是换个位置粘到爸爸身上去工作（这里不像你那样工作）。其次是在css中使用'@media(min-width:InsertSizeHere)'只在桌面上工作，如下所示:

@media (min-width: 1200px) {
   .sticky-inner-wrapper {
        position: sticky;
        top: 0;
    }
}

匿名用户

解决方案取决于您要如何检测移动设备，简单的解决方案可以是@media，具有指定的屏幕分辨率，如果匹配，则设置position:fixed.
更稳定的解决方案是通过js/jQuery确定用户代理并设置position:fixed。看看这里:什么是检测移动设备的最好方法？

匿名用户

嗨，你可以做这个JS。

if (screen.width >= 411){
 var element = document.getElementById("yourdiv");
 element.classList.add("yourstickyclass");
}

以上JS正在使用手机pixel2，三星galaxy，iPhone系列和摩托罗拉系列。

这是css方法

@media all and (min-width: 1200px) {
  .stickyclass {
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 0; //you need sticky at bottom use bottom:0
  } 
}