Javascript 滚动时在页面顶部粘贴几行表格的Jquery插件?

Javascript 滚动时在页面顶部粘贴几行表格的Jquery插件?,javascript,jquery,Javascript,Jquery,有谁能推荐一个jquery插件,让你可以在页面顶部粘贴几行 i、 e.页面加载时,内容位于正确的位置,然后一旦内容到达页面顶部,它就会在用户滚动时固定在适当的位置……然后,如果他们向上滚动,内容将返回到其原始位置 所讨论的内容将是几个TR元素 我试过一些,但是我试过的都有一些大问题,所以我想知道你是否可以为我推荐更多的选择?谢谢好的,下面是我的方法 首先,我们有一个“目标”部门,如下所示: <div id="fixedHeader"> <table>

有谁能推荐一个jquery插件,让你可以在页面顶部粘贴几行

i、 e.页面加载时,内容位于正确的位置,然后一旦内容到达页面顶部,它就会在用户滚动时固定在适当的位置……然后,如果他们向上滚动,内容将返回到其原始位置

所讨论的内容将是几个TR元素


我试过一些,但是我试过的都有一些大问题,所以我想知道你是否可以为我推荐更多的选择?谢谢

好的,下面是我的方法

首先,我们有一个“目标”部门,如下所示:

<div id="fixedHeader">
    <table>
        <thead></thead>
    </table>
</div>
如果用户可以滚动到表格末尾,则会遇到问题;如有必要,您可以为该情况扩展if条件。

只需使用以下命令:

$("body").on("scroll",function(){
  $("tr.stickToTop").each(function(){
    if($(this).offset().y<=0){
      $(this).css({
        position: "fixed",
        top:0
      });
    } else {
      $(this).css({
        position: "static",
        top:''
      });
    }
  });
});
$(“body”)。在(“滚动”上,函数(){
$(“tr.sticktop”)。每个(函数(){

if($(this).offset().yDo您还需要帮忙吗?或者您是否设法解决了这个问题?“要求我们推荐或查找工具、库或喜爱的非现场资源的问题对于堆栈溢出来说是无关紧要的,因为它们往往会吸引固执己见的答案和垃圾邮件。相反,到目前为止,我们已经采取了哪些措施来解决它。”这完全不适用于最新的jQuery。
$(document).ready(function() {
    // copy over the thead
    $('#fixedHeader > table > thead').html($('#theTable > thead').html());

    // show or hide the div as necessary.
    $(window).scroll(function() {
        if ( $('#theTable > thead').offset.top < $(window).scrollTop() )
        {
            $('#fixedHeader').addClass('active');
        }
        else
        {
            $('#fixedHeader').removeClass('active');
        }
    });
});
$("body").on("scroll",function(){
  $("tr.stickToTop").each(function(){
    if($(this).offset().y<=0){
      $(this).css({
        position: "fixed",
        top:0
      });
    } else {
      $(this).css({
        position: "static",
        top:''
      });
    }
  });
});