Question

我正在使用phpstorm使用php，bootstrap和jquery创建项目。在这个项目中，我遇到了两个错误。但我不知道如何解决这个错误。

谁能告诉我这是什么错？我附上了两张照片。

代码

<html>
<head>
    <title>boutique</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="css/main.css" media="screen" title="no title" charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<!-----NavBar----->
<nav class="navbar navbar-default navbar-fixedtop">
    <div class="container-fluid">
        <a href="index.php" class="navbar-brand">boutique</a>
        <ul class="nav navbar-nav">
            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Men<span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Shirts</a></li>
                    <li><a href="#">Pants</a></li>
                    <li><a href="#">Shoes</a></li>
                    <li><a href="#">Accessories</a></li>
                    <li><a href="#">Watch</a></li>
                </ul>
            </li>
        </ul>
    </div>
</nav>
<!---Header------>
<div id="headerwrapper">
    <div id="back-flower"></div>
    <div id="logotext"></div>
    <div id="for-flower"></div>
</div>


<script>
    jquery(window).scroll(function () {
var vscroll=jquery(this).scrollTop();
jquery('#logotext').css({
    "transform" :"translate(0px,"+vscroll/2+"px)"

});
        var vscroll=jquery(this).scrollTop();
        jquery('#back-flower').css({
            "transform" :"translate("+vscroll/5+"px,-"+vscroll/12+"px)"
        });
        var vscroll=jquery(this).scrollTop();
        jquery('#fore-flower').css({
            "transform" :"translate(0px,"+vscroll/2+"px)"
        });
    });

</script>
</body>
</html>

Answer 1

为什么你为var使用相同的名字？您可以使用jQuery的.scrollTop（）方法

提取滚动位置

$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    // Do something
});

或试试这个;

$(window).scroll(function() {
    var height = $(window).scrollTop();

    if(height  > some_number) {
        // do something
    }
});

我不知道如何使用php和jquery解决这个问题？

1 个答案: