这些数字跟宽度有什么关系?

时间:2012-09-27 07:11:42

标签: jquery twitter-bootstrap

我一直在打破Twitter Bootstap,并想知道290:330之间的关系是什么。

我知道330是侧边栏固定时滚动的像素数。谢谢!

// side bar
$('.bs-docs-sidenav').affix({
  offset: {
    top: function () { return $window.width() <= 980 ? 290 : 330 }
  , bottom: 270
  }
})

3 个答案:

答案 0 :(得分:3)

这意味着如果$window.width()小于或等于980,则(?)使用290的顶部偏移量,否则(:)使用330的顶部偏移量。

同样的事情可以写成:

top: function () { 
    if ($window.width() <= 980) {
        return 290;
    } else {
        return 330;
    }
}

答案 1 :(得分:2)

return $window.width() <= 980 ? 290 : 330

使用三元运算符,它是基本条件表达式语法的一部分。

它的作用是,如果宽度小于980则返回290,否则返回330.

variable = condition ? value_if_true : value_if_false

请参阅下面的示例。

opening_time = (day == WEEKEND) ? 12 : 9; // using ternary operator

代替上面的行你可以使用

   //using normal coding 
    if (day == WEEKEND)
        opening_time = 12;
    else
        opening_time = 9;

希望这会帮助你。如果您有任何疑问,请不要犹豫。感谢

答案 2 :(得分:0)

这是一个if条件

如果您的window width is <= 980 return 290 else 330