Tag: 滚动

滚动到视口中心

我想通过点击它来居中一个div 。 因此，如果我点击div我希望它滚动到浏览器视口的中心。 我不想像我看到的指南和例子那样使用锚点。 我怎样才能做到这一点？

mouseMove上的水平滚动 – 较小div中的宽div与溢出：隐藏（无法使数学工作）

我试图制作一个图像拇指的“线”，它在鼠标移动时滚动。 我得到了它的工作，但我现在的问题是，我想在侧面做一个“填充”，所以我不必将鼠标一直到两侧看到第一个/最后一个拇指。 但我真的无法让它工作：/ 这是我现在的脚本： // MouseMove scrolling on thumbs var box = $(‘.thumbs-block’), innerBox = $(‘.thumbs’), lastElement = innerBox.find(‘a:last-child’); var offsetPx = 100; var boxOffset = box.offset().left; var boxWidth = box.width() /* – (offsetPx*2)*/; var innerBoxWidth = (lastElement[0].offsetLeft + lastElement.outerWidth(true)) – boxOffset /* + (offsetPx*2)*/; scrollDelayTimer = null; box.mousemove(function (e) { console.log(‘boxWidth: ‘ + boxWidth […]

jQuery无限滚动/延迟加载

我正在重新设计我的网站，并一直在寻找使用JavaScript和jQuery。 这是我到目前为止： http ： //www.tedwinder.co.uk/gallery2/ 。 我的愿景是将所有照片放在一个页面上，用户可以像现在一样滚动浏览。 但是，我理解在一个页面上有50多个大图像的限制和影响，并考虑使用无限滚动和延迟加载，我理解只会在用户到达时加载图像，或者当他们点击时“更多”链接？ 所以，我的问题是：这会减少页面加载，我将如何实现无限滚动/延迟加载，这会有效地工作，还是你能想到更有效的方法吗？ 谢谢，特德

如何使Iscroll和Lazy Load jQuery插件协同工作？

有没有机会让这两个插件一起工作？ 现在，如果我在带有图像的div中使用iscroll，则Lazy load将无法检测图像何时应该可见。 谢谢。 编辑： 正如其中一条评论中所述，我试图在滚动上应用lazyload，如下所示： onScrollMove: function () { $(“img”).lazyload(); $(‘img’).on(‘load’,function(){myScroll.refresh();}); } 为了正常工作，我想我必须将相同的内容应用于onBeforeScrollEnd： onBeforeScrollEnd: function () { $(“img”).lazyload(); $(‘img’).on(‘load’,function(){myScroll.refresh();}); } 但是这个解决方案是否会影响性能（因为它会继续将lazyload应用于所有图像并在加载到重新加载图像宽度/高度时刷新）？ 我真的很关心这里的性能，因为我将有一个带有几个（比方说30个）滚动条的容器卷轴，里面有所有主题和图像。 我还可以做些什么？ 编辑2： 这是我到目前为止所做的工作，我认为它的效果非常好： onScrollMove: function() { $(‘#my_container img’).lazyload({ container: $(‘#my_container’), threshold: 200 }).on(‘load’, function() { myScroll.refresh(); });​ } 但是这个解决方案的问题是当myScroll第一次刷新时，lazyload会加载所有图像。 这是一个小提琴： http ： //jsfiddle.net/U3gYS/ 并且还存在如下问题：如果第一个图像可以从开始查看，则lazyload将不会加载该图像。 http://jsfiddle.net/U3gYS/1/ 编辑3： http://jsfiddle.net/pdakD/我几乎拥有它，请一些帮助。 在新的小提琴中，问题是： onBeforeScrollEnd似乎不起作用。 如果我在其中包含一个console.log（’something’），它会向我看，因为当滚动开始时它正在触发。 最初的#container的高度是span + […]

jQuery无休止滚动的替代品

有没有jQuery无限滚动插件的替代品？ http://www.beyondcoding.com/2009/01/15/release-jquery-plugin-endless-scroll/

Jquery – 使用DIV滚动DIV（overflow：auto;）

如何用DIV滚动DIV（溢出：自动;）？ HTML S .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. content … .. […]

滚动后更改固定图像的颜色

我想在一定量的滚动之后（由于背景颜色的变化）将简单图标的颜色从白色更改为黑色 – 然后返回。 请访问http://www.euimpact.com/erikverwey并向下滚动 – 您将看到我的意思。 现在我希望以某种方式在CSS / JQuery中做到这一点，并且有一个平滑的过渡，即当穿过线时图像可能是半黑半白。 但我猜这不可能，是吗？ 我是否只需要在某个滚动点切换到不同的图像？ 非常感谢！

搜索并滚动到页面上的单词

我的客户希望在特定页面上添加一个搜索框，允许用户搜索产品，然后滚动到该文本。 通过这种方式，她可以更轻松地将客户引导至页面的正确部分。 使用Ctrl-F和浏览器搜索function可以轻松完成此操作。 不幸的是，客户希望搜索成为网站的一部分。 关于如何实现这一点的任何建议？ 我很难找到一个wordpress插件，我在互联网上使用的任何JQuery代码都让我失望了。 非常感谢提前！

根据页面位置更改背景颜色

我想要根据滚动更改背景颜色。 红色到蓝色例如…… 此代码有效，但如何将灰色更改为颜色？ http://fiddle.jshell.net/schmudde/ffk6phq0/ $(document).ready(function(){ $(document).scroll(function() { var alpha = Math.min(0.5 + 0.4 * $(this).scrollTop() / 210, 0.9); var channel = Math.round(alpha * 255); $(“body”).css(‘background-color’, ‘rgb(‘ + channel + ‘,’ + channel + ‘,’ + channel + ‘)’); }); });

窗口上的运行函数在jQuery中滚动一次

我正在创建我的投资组合，当我进入“我的技能”部分时，我正试图让我的技能栏加载。 我希望他们只做一次，无论是有人滚动到这个部分还是直接从导航转到它。 这是我的代码： var skills = $(‘#mySkills’); var skillsPositionTop = skills.position().top; $(window).on(“resize scroll”, function (){ if (pageYOffsetskillsPositionTop-80){ console.log (“here is my loading script”); }}; 当我使用one而不是on ，它不起作用，当我在窗口上创建一个函数时，我的if语句中有one函数不起作用。 我试图退出函数return或return false也在这里，在堆栈溢出我发现了一些关于标志，我没有完全理解，但我尝试了不同的组合。 有人可以帮我吗？ 我已经看到有这种类型的效果库，但没有必要安装任何一件事… 编辑。 Console.log代表我的加载代码。