将CSS类设置为具有特定样式属性的特定div

时间:2017-05-19 10:07:09

标签: javascript jquery attributes

我正在重做一个网站(http://www.vins-de-fronton.com/),我有一些问题正在做我想做的事情。

制作它的人在某种容器中设置了内容区域并使用了来自malihu(http://manos.malihu.gr/jquery-custom-content-scroller/)的“我的自定义滚动条”,我想保留它们但我认为它可能会导致一些问题我想做什么,让我解释一下:

我想为我的不同div添加一个滚动视差效果,我试图用js做这个,但我尝试过的所有东西都需要使用普通的滚动条及其滚动的px,它被替换为自定义滚动条。

当您向上或向下滚动时,实际滚动条会将特定样式设置为“#mCSB_1_container”div,其中“top”会根据您在页面中的位置而变化。

所以我想,当div#mCSB_1_container有top:-480px作为样式属性(例如)时,我可能会添加一个特定的css类?使用javascript可能吗?

这是div:

<div id="mCSB_1_container" class="mCSB_container" style="position: relative; top: -488px; left: 0px;" dir="ltr">

非常感谢您阅读本文,我希望我能很好地解释我的问题:)

干杯

1 个答案:

答案 0 :(得分:0)

试试这个:你可以读取div的顶部值并添加CSS类,如下所示

$(function(){
  var top = $("#mCSB_1_container").css('top');
  if(top=='-480px') {
      $("#mCSB_1_container").addClass("YourClass");
  }
});