如何在向下滚动时使用不会改变大小的固定导航栏?

时间:2017-07-12 23:00:37

标签: html css jsfiddle

我的导航栏横跨页面的宽度,但当我写//Other way var SendButton2 = FindViewById<Button>(Resource.Id.SendButton2); SendButton2.Click += (s, e) => { Intent intent = new Intent(Intent.ActionSend); intent.SetType("application/pdf"); Uri uri = Uri.Parse(Environment.ExternalStorageDirectory.Path + "/my-pdf-File--2017.pdf"); intent.PutExtra(Intent.ExtraStream, uri); try { StartActivity(Intent.CreateChooser(intent, "Share PDF file")); } catch (System.Exception ex) { Toast.MakeText(this, "Error: Cannot open or share created PDF report. " + ex.Message, ToastLength.Short).Show(); } }; 时,导航栏缩小并翻过文本。我希望导航栏像dootrix.com一样,它在网站上根深蒂固,当你向下滚动时不会缩小!

我用我的代码创建了一个JSFiddle:https://jsfiddle.net/kpsq8r9m/

这是我的CSS:

object: fixed;

非常感谢任何帮助!

编辑:当我“缩小”时我的意思是,如果我没有位置:固定;它会延伸到整个页面,但是当我缩小它的时候。为了看到我在说什么,我建议在谷歌浏览器中尝试这一点。

1 个答案:

答案 0 :(得分:0)

请尝试:

.navbar-fixed {
  top: 0;
  z-index: 100;
  position: fixed;
  width: 100%;
}

z-index:100应该可以解决问题。