Tag: 滚动

如何检测元素是否已滚出，但只有一次？: 我试图检测一个元素是否已滚出并完成以下代码 $(window).bind(‘scroll’, function(){ var $btn = $(‘#intro div.summary a[href=#top]’); if($(window).scrollTop() > ($btn.offset().top+$btn.height())){ console.log(‘out’); } }); 我在一些正文文本中有一个锚点，我希望克隆并在div.intro滚动出来后制作一个固定的导航。我的问题是，只要元素不在视图中，代码就会触发，但会一直触发。所以我不能再做了，因为任何更多的东西会继续射击。有没有办法一旦它出来就“开出”并且一旦进入就“开始”？除了设置一个变量。

Scrollable Div，可以看到哪些元素: 我们有一个可以滚动的div，它有CSS hieght:40px; 。里面有多个LI height:20px item1 item2 item3 item4 item5 item6 item7 item8 item9 当用户滚动时，我想触发一个脚本，该脚本确定可见的两个元素中的第一个元素。 div滚动旨在捕捉元素。因此，如果向下滚动并且项目3和项目4可见，我如何资助项目3是最顶层的可见元素。我尝试了$(‘#scroller li:visible’)但这并不起作用，因为div关注它们只是隐藏在容器后面。有任何想法吗，奇妙

滚动时的CSS3转换: 有谁知道一个很好的教程来实现这一目标？（如下所示： http ： //www.contrastrebellion.com/ ）我已经查看了该网站上使用的代码，发现它很难取出我需要的东西。非常感谢，谢谢编辑：也在这里看到： http ： //playgroundinc.com/ 我想要实现的目标：在我向下滚动时旋转png和旋转速度以匹配滚动速度。

检测div滚动jquery: 我想检测div滚动。这段代码的作用是检测整个窗口滚动： $(document).ready(function() { var track_load = 0; //total loaded record group(s) var loading = false; //to prevents multipal ajax loads var total_groups = ; //total record group(s) $(‘#results’).load(“autoload_process.php”, {‘group_no’:track_load}, function() {track_load++;}); //load first group $(window).scroll(function() { //detect page scroll if($(window).scrollTop() + $(window).height() == $(document).height()) //user scrolled to bottom of the page? { if(track_load <= […]

使用jQuery滚动后获取元素的新x / y位置: 假设我有一个标签如下： Click Me 我的CSS是： body{ padding:10px;} .wrapper { height:1000px; width:500px;} 目前我正在使用Jquery的.offset()来获取标签的X / Y位置。 var offset = $(“.a1”).offset(); var top = offset.top; var left = offset.left; 现在，当我滚动页面并检查标签的x，y坐标时，它们保持不变，即页面滚动无效。我想在滚动与屏幕相关的页面后获得标签的新X，Y位置。如果在向下滚动后隐藏此标签，我希望其位置为负值。检查这个小提琴： http ： //jsfiddle.net/xQh5J/9/ 请帮忙。

jQuery自定义滚动条和延迟加载: 我有容器与自定义内容滚动jQuery自定义内容滚动：这段代码： (function($){ $(window).load(function(){ $(“.content”).mCustomScrollbar({ scrollButtons: { enable: true }, mouseWheelPixels: 250 }); }); })(jQuery); 我想在Lazy Load中使用它： $(function() { $(“img.lazy”).lazyload({ effect : “fadeIn”, container: $(“.content”) }); }); 我认为应该使用Scroller页面的回调函数，但是我对jquery不好，所以我的结果不成功。当我使用下面的代码时，它会在页面加载时加载所有图像： $(function() { $(“img.lazy”).lazyload({ effect : “fadeIn”, container: $(“.mCSB_container”) }); }); authos说这可以通过编写一个简单的js函数并在whileScrolling事件上调用它来完成。谢谢你的帮助。

jQuery滚动到iframe父级的顶部: 我有一个带有反馈表单的iFrame。用户单击提交后，我希望使用父窗口滚动到顶部。我知道我可以滚动到页面顶部： $(‘html, body’).animate({scrollTop:0}, ‘slow’); 但是，这只会滚动iframe的内容，而不是父页面。有什么建议？

在OSX中停止鼠标轮事件发生两次: 我注意到鼠标轮事件在mac osx中多次发生。可以归因于惯性function。有没有办法解决这个问题？（自签名ssl请不要担心！） https://sandbox.idev.ge/roomshotel/html5_v2/ 我正在使用scrollSections.js https://github.com/guins/jQuery.scrollSections 它使用mousewheel jquery插件： https ： //github.com/brandonaaron/jquery-mousewheel 我看到很多人都有同样的问题： https ： //github.com/brandonaaron/jquery-mousewheel/issues/36 有一些解决方案但没有一个与scrollSections插件一起使用。任何想法如何从JS禁用这个惯性function？我试图修复： // Fix for OSX inertia problem, jumping sections issue. if (isMac) { var fireEvent; var newDelta = deltaY; if (oldDelta != null) { //check to see if they differ directions if (oldDelta 0) { fireEvent […]

向下滚动时使用jQuery显示“返回顶部”链接元素: 我想用jQuery模仿行为，你可以在这里看到： http ： //edo.webmaster.am/ 只需看右下角，向下滚动一下，您就会看到“返回顶部”按钮。因此，在向下滚动页面然后显示（动画）之前，它是不可见的。我怎么能在jQuery中做到这一点？

向下滚动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页面那样工作。我能俯瞰什么？