Question

I m New to Jquery. 我想知道我们如何使用差值:0辆汽车;CSS在jquery描述中的代码。谁能帮助我? 该法典:

<style>
#fixed-bar {
    padding: 0;
    background-color: black;
    z-index: 100;
}
</style>
<script src= http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js ></script>

<script>
$(function () {
  $("#fixed-bar")
    .css({
        "position": "fixed",
        "width": "960px",
        "margin": "0 auto",
        "top": "0px",

})
    .hide();
  $(window).scroll(function () {
    if ($(this).scrollTop() > 400) {
      $( #fixed-bar ).fadeIn(200);
    } else {
      $( #fixed-bar ).fadeOut(200);
    }
  });
});
</script>
<div id= fixed-bar >
  Hello
</div>

实际上,我想把酒吧集中起来。我如何能够这样做?

Answer 1

You are setting everything correct. But you cannot center an element with margin: auto that has position: fixed:

中心职位:固定要素

你也可以这样做。

使用 j Query to central a DIV on the Screen

Answer 2

You can t use shorthand CSS with jQuery, you would have to set each margin separately.

css({
    "marginTop": "0",
    "marginRight": "auto",
    "marginBottom": "0",
    "marginLeft": "auto"
})

Answer 3

You can try this :

<>光>:

<div id="fixed-bar">
    <p>Test</p>
</div>

<>CSS:

body {
    position : relative;
}

#fixed-bar {
    padding: 0;
    background-color: black;
    z-index: 100;
    width: 960px;
}

http://www.ohchr.org。

$("#fixed-bar").css({
                "position" : "absolute",
                "left" : (($(window).width() - $("#fixed-bar").outerWidth()) / 2) + $(window).scrollLeft() + "px" })
               .hide();

$(window).scroll(function () {
    if ($(this).scrollTop() > 400) {
        $( #fixed-bar ).fadeIn(200);
    } else {
        $( #fixed-bar ).fadeOut(200);
    }
});

这样,不论屏幕大小,你的内容将横向集中。 Don tabes将j Query列入你的超文本。

Answer 4

更有办法集中使用 j子,例如将其置于绝对位置,寻找宽度,观察点宽度,并根据这些数字确定抵消点:

$( .mydiv ).css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");

友情链接