Tag: 固定

使用按钮启用DataTable中的禁用固定列

我自己使用jquery DataTable创建了一个带有固定列的html表,参考了这个例子 , $(document).ready(function() { var table = $(‘#example’).DataTable( { scrollY: “300px”, scrollX: true, scrollCollapse: true, paging: false } ); new $.fn.dataTable.FixedColumns( table, { leftColumns: 2 } ); } ); 更新:我自己尝试使用此小提琴中给出的按钮启用/禁用固定列, var columnNumber = 2; $(‘#ToggleColumns’).click(function () { if(columnNumber == 2) { columnNumber = 0; } else { columnNumber = 2; } foo(); 其中foo()包含要修复的columnNumber。 根据按钮切换列号的正确语法是什么?

相对侧边栏固定,当它到达窗口的末端

我需要的是侧边栏滚动与正常页面(相对),当边栏的最后一行文本(无论什么)进入视图时,sidbar应该更改为固定。 因此,我不会在侧边栏区域有空的空间。 到目前为止我得到了什么: $(function() { var top = $(‘#sidebar’).offset().top; var sidebartop = $(‘#sidebar’).height() / 2; $(window).scroll(function(evt) { var y = $(this).scrollTop() – sidebartop; if (y > top) { $(‘#sidebar’).addClass(‘fixed’).css( “top”, -top -sidebartop + 220) } else { $(‘#sidebar’).removeClass(‘fixed’); $(‘#sidebar’).css( “top”, “auto” ); } }); }); http://jsfiddle.net/VtPcm/437/ 它实际上是工作 – 但不是动态的,所以如果我改变侧边栏的高度,我必须再次设置脚本 – 所以我该如何改变它?

JQueryMobile – 固定页脚在输入焦点后未固定

我正在为我的移动网站使用JQueryMobile。 当你按下“分享”按钮时,我有一个隐藏并显示的固定页脚。 然后当您开始滚动时它会消失。 我也有评论框。 要重新创建错误:[已删除](使用移动设备或SIM卡) 向下滚动并单击第一个注释按钮(语音气泡+’3’) 单击文本区域 点击“完成”以取消聚焦 点击第一个评论按钮右侧的“分享”。 您将看到页脚短暂出现,然后它会下降到页面底部。 如果您仍然专注于textarea时单击“共享”,则页脚根本不会出现。 只要页面加载,只需单击“共享”按钮即可重新创建我想要发生的事情。 那里发生了什么,我该如何解决? 我试图在文字不重要的情况下做各种各样的事情,但我无法得到任何工作。

如何在固定位置使用jQuery draggable?

它在firefox中运行得很完美,但是在chrome和opera中它不起作用。 has position:fixed, and is .draggable() 它除了firefox之外不起作用

scrollTo()与ipad和固定元素

可能重复: 在scrollTop以编程方式更改后固定定位按钮上的移动Safari错误…? 我们正在尝试使用固定导航来滚动页面的不同部分。 我们正在使用jquery scrollTo()。 仅在ipad上,第一次单击传递没有问题,但在此之后,导航似乎被禁用。 如果我们用手滚动,甚至一点点,那么链接再次工作。 这是代码: http : //lacabaneprod.com/test/ 我该如何修理侧边栏?

向下滚动1000px后更改CSS类

一旦用户向下滚动1000px,我想在我的网站的左栏中显示一个固定的菜单,但对jQuery / JS不是很有经验。 我认为这样的东西会起作用,但它没有做任何事情: HTML: [MENU_WILL_GO_HERE] 样式: #menu{display:none;}​ JQ: var fixed = false; ​$(document).scroll(function() { if( $(this).scrollTop() > 100 ) { if( !fixed ) { fixed = true; $(‘#menu’).css({position:’fixed’, display:’block’}); } } else { if( fixed ) { fixed = false; $(‘#menu’).css({display:’none’}); } } });​ 问: 有什么理由不起作用吗? 该代码是http://jsfiddle.net/roXon/psvn9/1/上的一个示例,即使我将该示例完全复制/粘贴到空白的html页面中,并带有最新jquery库的链接,仍然不像在那个jsfiddle页面那样工作。 我能俯瞰什么?

页脚隐藏浮动导航 – 一旦到达页脚,任何方式将浮动导航向上滑动?

我正在尝试向侧栏添加浮动导航。 在你开始滚动之后,我将jquery浮动到导航到顶部。 它在顶部工作正常,但一旦到达底部,页脚就会隐藏导航。 一旦达到某个点,导航就需要向上滚动。 有解决方案? $(document).ready(function () { var top = $(‘#floatingNav’).offset().top – parseFloat($(‘#floatingNav’).css(‘marginTop’).replace(/auto/, 0)); $(window).scroll(function (event) { var y = $(this).scrollTop(); if (y >= top) { $(‘#floatingNav’).addClass(‘fixed’); } else { $(‘#floatingNav’).removeClass(‘fixed’); } }); }); 这是一个例子: http : //psidev.inhousewp.synergydatasystems.com/products/

jQuery选择具有特定CSS的元素

我正在尝试向所有具有position:fixed set的元素添加一些jQuery代码。 这种事情有可能吗? 如果有的话会非常有用,所以我不需要经历所有代码和额外的类来修复对象。