javascript - 在单击标签滚动期间需要修复表格

Question

我的滚动有问题。 我有 3 个表，其中一个我想在滚动超过特定距离后修复

var $table = $("#thead"),
$window = $(window),
distance = $table.offset().top;
text=$("div.text2"),
textdistance=text.offset().top;

$window.scroll(function () {
var wdistance = $window.scrollTop();

 if (wdistance > distance) {
    if( wdistance < textdistance )
    {table.addClass('fixed');}
    else {
    table.removeClass('fixed');
    }
  }else{
    table.removeClass('fixed'); 
 }

});

这是我的第一个演示 jsfiddle

我想说的是，如果这个“if”是正确的，那么在滚动页面时，id 为“thead”的 div 的位置将固定在其他表格的顶部。在id为“first”的div完成后<div id="thead"></div>回到以前的地方。 在点击更多细节后还有另一个问题，因为带有“更多细节”id 的 div 的 css 得到 display:block, display:none, ，无论是否单击更多详细信息，id 为“thead”的表格都会滚动。

这是我的第二个演示 demo

Answer 1

当您使用 $variablename 时，请始终在使用变量时使用 $ 符号。在您的代码中，您指定了变量 var $table 并且后来将它简单地用作没有 $ 的 table。

固定 fiddle :http://jsfiddle.net/HmFW7/8/

---

更新 fiddle :http://jsfiddle.net/HmFW7/9/