Question

我一直在尝试使用navbar（bootstrap）和jQuery，似乎无法让它工作。我想做的事情很简单（或者看起来似乎如此）。滚动浏览特定数量的像素后，我试图将导航栏固定在页面顶部，但似乎无法使其准确工作。每次我滚动到导航栏，而不是导航栏从该点开始固定，它所做的就是切出顶部边框，然后从导航栏项目的顶部进行修复。这是我的代码：

me> rails c
Loading development environment (Rails 3.2.22.2)
2.1.5 :001 > post = Post.find_by_id 123456
  Post Load (0.1ms)  SELECT "posts".* FROM "posts" WHERE "posts"."id" = 123456 LIMIT 1
 => #<Post id: 123456, url: "http://www.example.com", title: "Test Title", score: nil>
2.1.5 :002 > post.score = 1
 => 1
2.1.5 :003 > post.save
   (0.1ms)  begin transaction
   (0.2ms)  UPDATE "posts" SET "score" = 1 WHERE "posts"."" = 123456
   (0.0ms)  rollback transaction
ActiveRecord::StatementInvalid: SQLite3::SQLException: no such column: posts.: UPDATE "posts" SET "score" = 1 WHERE "posts"."" = 123456

function scrollFunction() {
	if (document.body.scrollTop > 70 || document.documentElement.scrollTop > 70) {
		$(document).ready(function() {
			$("nav").addClass("navbar-fixed-top")
		});
	} else {
		document.getElementsByTagName("nav").className = "";
		}
}

Answer 1

我还没有测试，但尝试声明你的scrollTop函数没有document.ready的东西，像这样：

function scrollFunction() {
    if (document.body.scrollTop > 70 || document.documentElement.scrollTop > 70) {
        $("nav").addClass("navbar-fixed-top")
    } else {
        document.getElementsByTagName("nav").className = "";
    }
}

bootstrap和jquery的问题

1 个答案: