Jquery 巨型旋转木马和转盘衬垫

我在主页上有一个旋转木马，jumbotron类位于该旋转木马的下方。我为jumbotron提供了填充顶部。它反映了没有旋转木马的其他页面。它只发生在移动视图中。 为了解决这个问题，我将以下jquery代码放在.js文件中

if($(".body_content").hasClass( ".carousel" )){
    $(".jumbotron").css({"padding-top":"280px"});
}
else{
    $(".jumbotron").css({"padding-top":"0px","margin-top":"-70px"});
}

但这适用于所有页面，包括主页。

---

有谁能给我答案吗？请给我…

假设两个

div都是sibling，并且是一个接一个的，您可以使用css选择器：

//Will check if "carousel" exist in page or not.
if ( $( ".carousel" ).length ) { 
    $(".jumbotron").addClass('home-jumbotron');
}else{
    $(".jumbotron").addClass('not-home-jumbotron');
}

//Media query CSS (So it can be affected to mobile view only)
@media screen and (max-width: 900px) {
    .home-jumbotron {
          padding-top: 280px;
     }    
    .not-home-jumbotron {
          padding-top: 0px;
          margin-top:-70px
     }
}

@media screen and (max-width: 900px) {
    .jumbotron {
          padding-top: 280px;
     }

     .carousel + .jumbotron {
         padding-top: 0;
         margin-top: -70px;
     }
}

@media screen and (max-width: 900px) {
    .jumbotron {
          padding-top: 280px;
     }

     .carousel ~ .jumbotron {
         padding-top: 0;
         margin-top: -70px;
     }
}

这适用于填充顶部：0页边距顶部：-70px.carousel

类的div，则将code>样式设置为

.jumbotron

。否则，

padding top:280px应用于jumbotron

如果
div
是同级的，但不是一个接一个的，请使用css选择器：

@media screen and (max-width: 900px) {
    .jumbotron {
          padding-top: 280px;
     }

     .carousel + .jumbotron {
         padding-top: 0;
         margin-top: -70px;
     }
}

@media screen and (max-width: 900px) {
    .jumbotron {
          padding-top: 280px;
     }

     .carousel ~ .jumbotron {
         padding-top: 0;
         margin-top: -70px;
     }
}

这将影响900px及以下的屏幕尺寸（即仅限移动设备）。您可以根据需要更改
900px
。有关css3媒体查询的更多信息

如果他们不是兄弟姐妹，请尝试回答。
但这也会影响桌面视图。效果如何？您想只在移动视图中影响它吗？@SowmiyaP检查我的更新答案。若要获得影响，您必须使用媒体查询。您应该像上面那样使用jquery的addClass函数，而不是使用CSS，先生，我还有一个问题。导航栏切换菜单在移动浏览器（chrome浏览器）中没有扩展。但它在其他浏览器中运行良好，但也会影响桌面视图。