粘头不粘
粘头不粘
提问于 2015-04-14 22:50:33
我读了很多题目，但我解决不了这个问题。在js中篡改它，works..in我的浏览器，它没有。
小提琴
这是我的browser..the绿色标题的屏幕，它不会粘在顶部，但是下面几行。
这是我页面中的代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet" href="css/styles.css" title="Style" media="all" />
<title> title </title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="sticky-header.js"></script>
</head>
<body>
<script>
$(function () {
$("table").stickyTableHeaders();
});
</script>
<table.... //from here is identical to the fiddle html谢谢
回答 2
Stack Overflow用户
发布于 2015-04-15 06:10:31
下面的代码行似乎是一段导致问题的优化。它下面的行告诉标题在哪里定位自己，但是这个部分告诉函数提前退出，因为它认为出于某种原因它没有必要。去掉它意味着代码运行的速度可能会慢一点，但始终会正常工作。如果没有它，它似乎运行良好，但是如果页面在真实世界场景中滚动时明显滞后，那么最好尝试优化它，而不是完全删除它。
if (!base.isSticky || winScrollTop < 0 || winScrollTop + base.$window.height() <= base.$originalHeader.parent().get(0).scrollHeight || winScrollLeft < 0 || winScrollLeft + base.$window.width() > base.$document.width()) {
return;
}由于某些原因，这在有不同帧的jsfiddle中工作得很好，但是当所有东西都在主窗口时就不起作用了。轻松解决方案:删除它。
Stack Overflow用户
发布于 2015-04-14 23:04:34
对于标头，只需将其设置为position: fixed。这会使它粘在顶端！:)
编辑这不需要Javascript (JQuery)。这可以简单地用CSS来完成。为标题容器创建一个ID，然后使其位置:固定。很简单！然后它会粘在页面的顶部。
编辑2
请参考这把小提琴：http://jsfiddle.net/yu765bwh/，，重要的，我的意思是位置:固定而不是相对！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29638715
复制相关文章
相似问题
腾讯云开发者
