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