Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将粘贴添加到引导固定底部导航栏_Javascript_Jquery_Css_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何将粘贴添加到引导固定底部导航栏

Javascript 如何将粘贴添加到引导固定底部导航栏

javascript jquery css twitter-bootstrap twitter-bootstrap-3

Javascript 如何将粘贴添加到引导固定底部导航栏,javascript,jquery,css,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Css,Twitter Bootstrap,Twitter Bootstrap 3,首先，请注意，我已经知道，我们可以在Bootstrap中将affix实用程序添加到所有类型的常规navbar，但是，在我的情况下，我需要将affix添加到特定的navbar固定底部navbar @导入url（“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"); 切换导航 应用粘贴时，您需要添加CSS来处理导航栏。在您的情况下，这将更改导航栏top:0使其不再固定到bottom .aff

首先，请注意，我已经知道，我们可以在Bootstrap中将
affix
实用程序添加到所有类型的常规
navbar
，但是，在我的情况下，我需要将affix添加到特定的
navbar固定底部
navbar

@导入url（“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");


切换导航

    

  • 

  • 

  • 

  • 

  • 



应用
粘贴时，您需要添加CSS来处理导航栏。在您的情况下，这将更改导航栏
top:0使其不再固定到bottom


.affix.navbar-fixed-bottom {
    top: 0;
    height: 50px;
}



非常感谢Zim，但是我们有没有办法给它添加动画？我的意思是，现在导航栏好像要跳到顶端了！有没有办法让我们在那里有平滑的卷轴？是的，有可能。。您需要为它添加CSS。阅读此处了解词缀类