Tag: scroll

单个函数调用滚动事件？: 问题前面：如何更改此脚本，以便向上或向下滚动发生整洁的单一函数调用？这是一个清楚地表示问题的 JSFiddle 。以下脚本根据用户滚动方向的方向成功推出警报： //Firefox $(‘html’).on(‘DOMMouseScroll’, function(e){ var delta = e.originalEvent.detail; if (delta > 0) { alert(‘You scrolled up’); } else if (delta < 0) { alert('You scrolled down'); } }); //Everything else $('html').on('mousewheel', function(e){ var delta = e.originalEvent.wheelDelta; if (delta 0) { alert(‘You scrolled up’); } }); 但是有一个问题：当我向上或向下滚动时，如果用户向上或向下滚动，则会多次调用该函数，而不是仅仅执行一次。所以，我的问题是：如何更改此脚本，以便向上或向下滚动发生整齐的单函数调用？已知的解决方案理念： Underscore.js提供了一项function […]

jQuery滚动固定div: 我希望左侧div与内容一起滚动，但问题是这个div高于屏幕。如果用户位于页面底部，则必须看到左侧div的底部。我正在使用jQuery作为js库

可滚动面板捕捉到滚动上的元素: 在用户滚动时，可滚动div内部是否有一种方法可以捕捉到元素。例如，如果我们有CSS，如 .container { height: 300px; width: 200px; overflow: auto } li { height: 40px; width: 100 % ; } 和HTML一样 test test test test test test test test test test test test test 因此容器应该有一个垂直滚动条。当用户滚动时我希望它能够在它们停止滚动时最终滚动位置将容器滚动位置捕捉到所示的最近的div。这可能很难，因为像safari这样的浏览器也提供了动力，因此它必须是滚动结束时的事件。任何想法，如果这是可能的，以及如何。奇妙

滚动到ckeditor的底部: 关于如何使用javascript / jQuery滚动到ckeditor编辑器底部的任何想法？我找不到任何东西。我所有的搜索节目是： document.getElementById(“ID”).contentWindow.scrollTo(0,3); 这给了我一个错误的contentWindow是未定义的。 ckeditor文本部分的类似乎是“cke_editable”。滚动到编辑器底部的任何帮助？

如何防止textarea在值改变时滚动到顶部？: 请考虑以下示例:( 此处为现场演示） HTML： Click Here CSS： textarea { height: 80px; width: 150px; background-color: #bbb; resize: none; border: none; } #button { width: 150px; background-color: #333; color: #eee; text-align: center; } JS： $(function() { var textarea = $(“textarea”); textarea.val(“Hello\nStack\nOverflow!\nThere\nAre\nLots\nOf\nGreat\nPeople\nHere”); $(“#button”).click(function() { textarea.val(textarea.val() + “!”); }); textarea.scrollTop(9999).focus(); // Arbitrary big enough number to scroll to the […]

为什么jQuery必须接收2个对象：使用动画滚动整个页面时的body和html？: 在我在网上用jQuery动画滚动页面的所有教程中，我发现他们中的大多数都使用以下代码来做到这一点： $(“html, body”).animate(…. 我试图找出为什么需要动画2个物体：html和身体，但不是运气。我可能认为需要涵盖所有主流浏览器…但为什么真的，有人可以解释一下吗？

bootstrap-select与JQuery slimscroll显示错误: 我目前正在使用boostrap-select 1.12.2插件来显示一些filter小部件。小部件显示在页面左侧，并动态添加。小部件列表可能很长（20多个filter），所以我使用JQuery slimScroll 1.3.8在可滚动的div中显示它们。当selectpicker中的选项很小时，它工作正常，但是当选项很长时，它们无法正确显示：而我想有这个（当slimScroll被禁用时获得）：我想这只是一些css溢出问题，但我无法找到解决这个问题的方法……这是一支笔，展示了这个问题： codepen HTML： load JS： $(‘#content’).slimScroll({ height: ‘550px’ }); function loadWidget() { var options = ‘very long option text that doesnt fit in selectpickeryet another option’; var html = ‘randomLabel’ + options + ”; $(‘#parent’).html(html); $(‘#SQ’).selectpicker(‘refresh’); }

在Scroll jQuery上执行函数: 我误解了scroll（）函数。如果主窗口向上或向下滚动，我希望如果面板打开则执行一个function。这是我的代码什么都不做。 if(‘#specsallA:visible’).scroll(function(){ $(‘#specsbar’).animate({ width:’190px’ }, ‘500’); $(‘.products’).animate({ width:’168px’ }, ‘500’); $(‘#specsallA’).hide(); $(‘#specsall’).show(); }); 有任何想法吗，奇妙

iframe与pdf黑色闪烁（闪烁）: 我的页面上有一个带有pdf的iframe，并尝试在滚动iframe时禁用主窗口的滚动。这是它的代码： $(‘iframe’) .mouseover(function () { var html = $(‘html’); html.data(‘previous-overflow’, html.css(‘overflow’)); html.css(‘overflow’, ‘hidden’); html.css(‘margin-right’, ’17px’); }) .mouseout(function () { // un-lock scroll position var html = $(‘html’); html.css(‘overflow’, html.data(‘previous-overflow’)); html.css(‘margin-right’, ‘0px’); }); 但是这样的css改变导致了iframe内容的闪烁（使用Chrome 13）。我怎么能修复这个眨眼？

jQuery $（window）.scroll和Internet Explorer（8-9）: http://jsfiddle.net/CbL7W/滚动事件行为的示例。我有这个脚本在Chrome和Firefox中都能正常运行。 var stickyNavigationOffsetTop = $(‘.top-nav’).offset().top; var stickyNavigation = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavigationOffsetTop) { $(‘.top-nav’).css({ ‘position’: ‘fixed’, ‘top’: 0, ‘left’: 0, ‘opacity’: .8 }); } else { $(‘.top-nav’).css({ ‘position’: ‘relative’, ‘opacity’: 1 }); } }; stickyNavigation(); $(window).scroll(function () { stickyNavigation(); }); 但是Internet Explorer存在一些问题：在同一页面上我有这个脚本我有一个隐藏div的脚本的链接，当这种情况发生时有时页面会完全滚动回到页面顶部，但IE不是当发生这种情况时，触发$(window).scroll 。页面返回顶部时的问题的屏幕截图。 Chrome（OK）： http ： […]