Tag: scrolltop

jQuery smooth scroll包含id的完整url: 只是想知道如何使用完整的URL启用平滑滚动。这是导航 Home About Services Contact 想用 Home About Services Contact 这是用于滚动到页面上的部分的jQuery代码。 function smoothScroll(duration) { $(‘a[href^=”#”]’).on(‘click’, function (event) { var target = $($(this).attr(‘href’)); if (target.length) { event.preventDefault(); $(‘html, body’).animate({ scrollTop: target.offset().top }, duration); } }); } 任何帮助都会非常感谢。

将垂直滚动位置绑定到计数器: 我猜这很容易，但我是jQuery的新手，所以我有点失落。设置相对于用户垂直滚动位置的数字动画的最佳方法是什么？我正在做一个百万像素长的div，想要一个从0到100万的固定数字。我是否正确地说我必须使用.scrollTop（）函数？为先进的任何帮助干杯！乙

Jquery：从当前位置向下滚动页面100px: 如何将页面设置为距当前位置100px？我的代码不起作用： $(‘html,body’).animate({ scrollTop: $(window).position().top + 100 }) 像这样，但没有它将页面滚动到特定元素，而是从Windows当前位置滚动100px： $(‘html, body’).animate({ scrollTop: $(“#scrollToHere”).offset().top }, 2000);

jQuery .load回调/滚动/ CSS溢出: 我正在开发一个非常简单的基于jQuery的聊天室（用于介绍性研讨会）。当前聊天显示在设置为400px高和自动溢出的div中。 jQuery的“load”函数用于从数据库中检索HTML格式的聊天并将它们放入div中。我有一些非常简单的代码，可以确保聊天div始终滚动到底部。此代码位于名为scrollToBottom的函数中，该函数使用load函数中的完成回调function调用： load语句位于一个名为getChat的函数中，该函数在页面准备就绪时调用，然后每秒调用一次。这是相关的代码块： $(function() { getChat(); setInterval(“getChat();”, 1000); }); function getChat() { $(“#chatDiv”).load(“chat_server.php?get_chats=true”, scrollToBottom() ); } function scrollToBottom() { var chatHeight = document.getElementById(“chatDiv”).scrollHeight; $(“#chatDiv”).scrollTop( chatHeight ); } 问题：第一次调用getChat时，div不会滚动到底部。在后续调用中（通过setInterval），滚动工作正常。以下是我目前所知道的事情：回调是第一次被调用，但是当我提醒scrollHeight时，它第一次是“400”而后续时间是“441”（即当内容大于div大小时应该是什么）。 441高内容的scrollTop值400应该滚动到底部，但是当我在scrollToBottom中输入硬值400时，问题仍然存在。这让我觉得问题与CSS /滚动而不是加载回调有关。聊天div开始为空，但将其更改为包含单个或单个字母并未解决问题。使用足够的硬编码内容开始div需要滚动DID来解决问题。在这个阶段，似乎滚动条需要可见/活动才能使scrollTop工作……但是没有解释为什么它不能在第一次工作 – 因为回调是在内容发生之后发生的已加载（因此滚动条应可见/活动）… 只是为了使它更奇怪，如果回调函数是匿名内联函数，它工作正常… $(function() { getChat(); setInterval(“getChat();”, 1000); }); function getChat() { $(“#chatDiv”).load(“chat_server.php?get_chats=true”, function() […]

jQuery的animate（）scrollTop属性在iPad Safari上不起作用: 我有一个div，如果它变长，将显示一个滚动条。这是css top: 35px; overflow: hidden; position: absolute; width: 100%; height: 100%; bottom: 0px; overflow-x: hidden; display: block; 不知何故，当我使用jQuery（v1.7.1）滚动这个div时，它不能在iPad（iOS 8.3）Safari上运行，但它在所有桌面浏览器上都能正常运行。这是代码 $(‘#myDivId’).animate({ scrollTop: 100 }); 这个简单的JS代码在iPad Safari上不起作用，但在桌面浏览器上运行良好 var myDiv = document.getElementById(‘myDivId’); myDiv.scrollTop = 100; 有人为什么有任何想法？

滚动时调整标题大小: 我希望在用户滚动时调整标题大小，并在页面位于顶部时再次resize。我有这个例子HTML Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis […]

使用scrollTop（）向下滚动时DIV位置改变; – jQuery: 我坚持这一点，希望你们中的任何人都可以帮助我。我有这个HTML：有了这个CSS： #one, #two, #three { width: 100%; height: auto; } 而这个jQuery： $(window).scroll(function(){ var y = $(window).scrollTop(); var one = $(‘#one’).height(); var two = $(‘#two’).scrollTop(); var three = $(‘#three’).scrollTop(); var pos_one = 310; var pos_two = 454; var pos_three = 596; if( y > one ){ $(“#header”).fadeIn(200); } else { $(‘#header’).fadeOut(200); } if( (y […]

单击相应元素时，JQuery平滑滚动到一个元素: 我希望能够在两个元素之间平滑滚动。我一直在使用这个脚本在链接和锚点之间滚动。我希望重新设计这个脚本以允许平滑滚动是基于每个元素的’id’的一部分的各种元素类型。这是原始脚本单击锚链接时JQuery平滑滚动 – 见下文 $(document).ready(function(e) { //SCROLL TO ANCHOR TAG var $root = $(‘html, body’); $(‘a’).click(function() { $root.animate({ scrollTop: $( $.attr(this, ‘href’) ).offset().top }, 2000); return false; }); }); 这是我要去的地方我想修改脚本，以便在单击span或div然后滚动到具有set id的a li之间工作： frame 1 – go to frame 2 frame 2 – go to frame 3 frame 3 – go to […]

Jquery：使用scrollTop制作动画粘性菜单: 我正在尝试创建一个动画粘性菜单。用户加载页面并且导航是静止的。用户然后向下滚动页面，然后在500像素（滚动原始导航）之后，导航动画进入使用固定定位粘在顶部的页面。我现在正在工作（参见codepen： http ：//codepen.io/chrisyerkes/pen/uoFKl）但是，一旦我向上滚动并重置菜单的位置，下次我向下滚动页面时，它就不再动画了在，只是卡入到位。我想让它像第一页加载/滚动动作一样动画下来。当您向上滚动页面时，看起来属性style =“top：0px”不会被删除，这可能导致问题。我尝试使用removeAttr（）在返回滚动时删除它，但它会一直弹出（自动）。任何想法都会非常感激。谢谢！

jQuery scrollTop不滚动: 我在使用javascript自动滚动时遇到了麻烦。我的滚动区域是正文，我的js代码是 $(“body”).animate({scrollTop: $(“#myDiv”).position().top) 但我没有得到任何结果：没有动画也没有滚动我也尝试过 $(“body”).scrollTop($(“#myDiv”).position().top); 并且还要替换 $(“body”) with $(window). 任何提示？