Tag: scrollto

使用最小标记和哈希标记简单地“滚动到/向下”效果: 我正在制作一个单页网站，顶部有经典导航。现在我将链接设置为哈希标记，以便在页面中导航： About … … 显然，这是有效的，但跳转到约部分是即时的，而不是渐进的。我正在寻找一个非常简单的实现，以便逐步过渡。我不想要任何幻想。没有轴，偏移或任何其他选项。我只是希望滚动过渡是渐进的。我想要的唯一设置是完成滚动所需的时间。另外，我想对我的标记几乎没有任何更改。我见过几个javascript插件，要求你使用锚标签来设置html文档中的位置 – 我不希望这样。这个网站看起来很有前景，但我不知道如何设置它。没有演示，所以我看不到如何设置它。我在Javascript中不是那么有文化。此外，jQuery的ScrollTo插件太复杂了。我愿意使用一个有很多选项的插件，但我只是不希望这些选项阻止我弄清楚如何设置它。任何帮助将非常感激！

$（“html”）。animate（{scrollTop：$（document）.height（）}，“slow”）; 如果它在底部不滚动它: 我有三个隐藏div的按钮，当我点击一个我希望内容滚动到底部，然后当我点击另一个我希望页面保持原样但加载新内容。我已经尝试过变量和if语句 var i=0; $(‘#link-slide13’).click(function(){ if (i==0){//nothing’s been scrolled $(“html”).animate({ scrollTop: $(document).height() }, “slow”); i=1; }else{ //don’t do anything } }); 有任何想法吗？谢谢你的答案！编辑：对不起，我真的不认为我已经解释过自己， http://ephemurl.com/4w/5ws在这里，是我现在所拥有的，最后6个部分反弹滚动到文档的底部，但我希望这只发生一次然后接下来的5次点击不会动画，因为你已经在那里……

滚动到下一个元素: 我正在努力解决jquery或javascript问题。它已经很烦人，告诉我在这个问题上我可能觉得太复杂了。所以我的标记（简称）看起来像这样： My Content scroll down My Content scroll down My Content scroll down My Content scroll down 基本上只是一些容器。每个包含不同的内容和按钮。计划： 1）单击按钮后，窗口应向下滚动到下一个容器。 2）最后一个按钮再次滚动到第一个容器。所以我需要一个循环。 3）容器的数量可能会因页面而异。编辑： 4）容器可能并不总是彼此直接兄弟姐妹（见下面的标记）问题：我可以通过为每个容器提供一个唯一的ID作为滚动效果的目标来实现这一点。问题在于它很快就会变得太乱。不能我只是以某种方式将“ 下一个对象与类：容器 ”作为目标，然后滚动到那个？我不确定js或jquery是否是正确的方法。我对两者的了解有限。我真的很感激能朝着正确的方向前进。编辑：容器可能并不总是彼此的直接兄弟姐妹。 My Content scroll down My Content scroll down My Content scroll down My Content scroll […]

简单的jQuery无法在IE中运行: 我现在注意到一些简单的jQuery不能用于移动IE9和IE10。我有一些版权链接和简单的滑动联系表单，它使用animate（）。我还将scrollTo插件与jQuery结合使用。我尝试了不同的版本，但仍然没有解决方案。也许我错过了一些明显的东西。以下是一个版权链接的代码以及用于打开和关闭的联系表单的代码。 $(‘#privacy’).click(function(){ $(‘#copyright’).hide(‘fast’); $(‘#policy’).toggle(‘slow’); $.scrollTo(‘+=800px’, 800, { axis:’y’ }); }); $(‘#plusSign’).click(function(){ if ($(‘#contactFormHolder’).hasClass(‘active’)){ $(‘#contactFormHolder’).animate({top:’-200px’},1000).removeClass(‘active’); }else{$(‘#contactFormHolder’).animate({top:’0px’},1000).addClass(‘active’);} }); 您可以在http://www.crazysunsets.com上查看

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

Bootstrap崩溃 – 转到未清项目的顶部？: 我正在使用bootstrap collapse函数，但是当我打开一个包含大量内容的元素时，打开下一个元素，它会向下跳转并且不会到达open元素的顶部。我已经尝试使用如下所示的scrollto插件，但它不起作用： JS： $(function(){ $(‘a.accordion-toggle’).click(function(){ $.scrollTo( this, 500); }) }); HTML： Austria Filmladen Michael Stejskal Polyfilm Hans Koenig Stadtkino Filmverleih Claus Philipp Belgium ABC Nicolaine Den Breejen Cineart-Cinelibre Eliane du Bois & Stephan de Potter Imagine Film Distribution Christian Thomas & Tinne Bral Le Parc Distribution Jean-Pierre Pécasse Lumière Jan de Clerq & Annemie […]

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

jQuery：移动窗口视口以显示新切换的元素: 我在doc中准备了一段jQuery，它可以切换包含textarea的div： $(‘div#addnote-area’).hide(); // hide the div $(‘a#addnote-link’).click(function() { // click event listener on link $(‘div#addnote-area’).toggle(); // toggle the hidden div }); 单击链接时，切换function正常。我遇到的问题是如果div#addnote-area低于浏览器的当前视口，它会在显示时保留在那里。我希望用户的光标转到textarea，并且整个textarea可以在窗口中查看。点击此处查看图片http://sofzh.miximages.com/jquery/5ousuv.png

ScrollTop在Chrome中真的很生涩: 我正在使用scrollTop函数创建一个视差滚动网站，将scrollTop函数绑定到整个网站的不同锚点。我遇到的问题是，Chrome中的滚动变得非常不稳定/不稳定，但在Firefox中它很好。我的代码如下： $(‘.recipes’).click(function(){ $(‘html,body’).animate({ scrollTop: $(“.main1”).offset().top }, 1500); }); $(‘.cooking’).click(function(){ $(‘html,body’).animate({ scrollTop: $(“.main2”).offset().top }, 1500); }); 有可能有另一种方法来做到这一点，所以网站滚动不是生涩吗？也许我可以添加一个缓和function？编辑- 如果我删除了以下function，那么生涩似乎消失了，代码是否有问题，或者可能采用不同的方式编写代码？ var startY = $(‘#container’).position().top + $(‘#container’).outerHeight(); $(window).scroll(function(){ checkY(); }); function checkY(){ if( $(window).scrollTop() > startY ){ $(‘#backToTop, #navigation’).fadeIn(600); }else{ $(‘#backToTop, #navigation’).fadeOut(600); } } checkY(); 第二次编辑 $(document).ready(function(){ $(‘.recipes’).click(function(){ $.scrollTo(‘.main1’, 1500) }); $(‘.cooking’).click(function(){ $.scrollTo(‘.main2’, 1500) }); […]

应用scrollTo时，jScrollPane滚动条消失: 我有一个jQuery扩展jScrollPane与scrollTo插件结合的问题。如果我将scrollTo命令应用于可滚动容器并且滚动位于顶部位置，则滚动条消失。（如果滚动不在顶部位置，一切正常。）要恢复滚动条，我尝试重新初始化它。然后发生的是滚动返回到顶部，取消scrollTo命令。我的代码： $(‘#myScrollableDiv div.jspContainer’).scrollTo(delta); c = $(‘#myScrollableDiv’).jScrollPane({ autoReinitialise: true, maintainPosition: true });