滚动页面时,导航栏不是粘性顶部

时间:2018-04-17 18:41:34

标签: html css html5 bootstrap-4 navbar

我的导航栏有问题。 这是我的代码:

 <nav id="strumenti" class="navbar navbar-expand-sm navbar-light bg-light sticky">
    <a class="navbar-brand" href="#">
        <img src="C:\Users\Fabry\Desktop\scuola\html\Immagini\UltrasAvellino\clan.ico" width="30" height="30" class="d-inline-block align-top" alt="">
        Ultras Avellino 
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
        <div class="navbar-nav nav nav-pills" id="pills-tab" role=tablist>
            <a class="nav-item nav-link active" href="#" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">Home <span class="sr-only">(current)</span></a>
            <a class="nav-item nav-link" href="#" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">War</a>
            <a class="nav-item nav-link" href="#" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">Regole</a>
            <a class="nav-item nav-link" href="#" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">La nostra storia</a>
            <a class="nav-item nav-link" href="#" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">Contattaci</a>
        </div>
    </div>
</nav>

导航栏具有类粘性,因此它应该保持在顶部,但是当我在页面中间滚动时,它会消失。 我试图添加位置:固定在CSS中它保持在顶部,但低于其他元素。 请帮助我。

1 个答案:

答案 0 :(得分:1)

使用固定顶级粘性实例

import SpriteKit
import GameplayKit

class GameScene: SKScene {

    var left_spinner = SKSpriteNode()

    override func didMove(to view: SKView) {

        left_spinner = self.childNode(withName: "left_spinner") as! SKSpriteNode
        left_spinner.position = CGPoint(x: 675, y: 0)

        left_spinner.run(SKAction.move(to: CGPoint(x: -675, y: 0), duration: 3.0))

        goalLoop()
    }

    func goalLoop(){
        left_spinner.run(SKAction.move(to: CGPoint(x: -675, y: 0), duration: 3.0))

        while (left_spinner.position == CGPoint(x: -675, y: 0)){
            left_spinner.run(SKAction.move(to: CGPoint(x: 675, y: 0), duration: 0.0))
            left_spinner.run(SKAction.move(to: CGPoint(x: -675, y: 0), duration: 3.0))
        }
    }

    override func update(_ currentTime: TimeInterval) {
        // Called before each frame is rendered
    }

}

检查:https://getbootstrap.com/docs/4.0/components/navbar/#placement