Tag: 滚动

滚动function多次启动而不是一次: 我正在尝试创建一个网站，在单个滚动操作时自动滚动到每个部分。这意味着代码必须检查页面是向上滚动还是向下滚动。我相信下面的代码解决了我的问题，但滚动操作在页面滚动时不止一次被触发。您将看到if语句中的第一个警报达到5而不是所需的1.任何有关此问题的帮助都将受到高度赞赏。 [注意]我使用velocity.js库滚动到容器中的每个部分。 var page = $(“#content-container”); var home = $(“#home-layer-bottom”); var musicians = $(“#musicians”); var athletes = $(“#athletes”); var politics = $(“#politics”); var bio = $(“#politics”); var pages = [ home,musicians,athletes,politics,bio ]; var pageCur = 0; var lastScrollTop = 0; page.scroll(function(){ var st = $(this).scrollTop(); var pageNex = pageCur + 1; if […]

链接href =“＃”在与jquery slidetoggle 一起使用时滚动页面到顶部: 可能重复：当点击一个触发javascript的链接时，如何阻止网页滚动到顶部？我正在使用jquery的slidetoggle来显示/隐藏div。控制滑动的元素是文本链接（中的一些文本），其中包含href =“＃”，因此它看起来像一个链接（下划线，光标更改）。问题是，当点击链接时，除了滑动效果，页面滚动到顶部。我尝试用href =“”替换href =“＃”，但是禁用了div显示/隐藏效果。我想我可以添加标签Name =“somename”，然后将href设置为href =“＃somename”，但我宁愿不使用这样的技巧。为什么href =“＃”将页面滚动到顶部？任何想法都将受到高度赞赏

如何在移动视图中点击箭头时向左和向右滚动内容？: 我有一个小提琴，其工作方式是当我在移动视图中取出时，方框水平滚动。我用过的CSS代码是： @media only screen and (max-width: 767px) { .product-all-contents { overflow-x: auto; } .product-contents .product{ min-width: 50.795%; margin: 0 2%; padding-top: 3.91%; padding-left: 3.91%; padding-right: 3.91%; } } 问题陈述：我想知道我应该在小提琴中做出什么改变，以便当我在移动视图中点击箭头时（如下面的屏幕截图中标有橙色箭头标记所示），内容向左移动，反之亦然。我认为最好的解决方案将是jQuery，scrollLeft（）和scrollRight（），但我不知道如何在小提琴中实现它。

JQuery滚动/分页选项卡: 我正在尝试为网站创建一个简单的标签栏，该标签栏能够滚动页面上不适合的标签。这非常简单，不需要任何ajax或动态加载的内容……它只显示所有选项卡，当您单击一个选项卡时，它会将您带到另一个页面。我在互联网上搜索过，除了以下内容之外似乎找不到任何东西： http ： //www.extjs.com/deploy/dev/examples/tabs/tabs-adv.html但是这个非常沉重和复杂…我是在jquery中寻找一个轻量级的例子。如果有人可以提供帮助，我将不胜感激！

jQuery滚动到锚点（减去设定的像素数量）: 我使用以下代码使用jQuery滚动到锚点： $(document).ready(function() { function filterPath(string) { return string .replace(/^\//,”) .replace(/(index|default).[a-zA-Z]{3,4}$/,”) .replace(/\/$/,”); } var locationPath = filterPath(location.pathname); var scrollElem = scrollableElement(‘html’, ‘body’); $(‘a[href*=#]’).each(function() { var thisPath = filterPath(this.pathname) || locationPath; if ( locationPath == thisPath && (location.hostname == this.hostname || !this.hostname) && this.hash.replace(/#/,”) ) { var $target = $(this.hash), target = this.hash; if (target) { var […]

滚动浏览锚点div时，将类添加到锚点链接 – jquery: 我有一个页面，其中包含链接到页面相应部分的锚点。我想知道是否有人对如何在点击链接时切换锚链接的类以及窗口/页面使用jQuery滚动到适当的div时有任何建议？例如，有3个锚链接链接到3个部分： Section 1 Section 2 Section 3 然后有3个部分：我想要实现的是当页面滚动到其中一个div或单击一个锚点时，锚点链接的类将切换。因此，如果单击#section 1锚点或页面滚动到＃section1 div，则会将一个类添加到section1锚点链接。如果是第2节，那么＃section2链接将接收该类，而section1链接将删除该类，依此类推。我想我可能需要一种方法来跟踪每个部分div的位置，然后在适当的链接上切换类，但我不太确定从哪里开始。在此先感谢您的任何帮助或建议。

什么是JS或JQuery的水平滚动新闻自动收报机的好处: 我正在寻找一些JQuery或JS，它允许我生成一个水平滚动的“新闻自动收报机”列表。生成的HTML也需要符合标准。我已经尝试过liScroll，但这有一个破坏的习惯（一些内容最终在滚动开头的第二行），特别是对于更长的列表。我也尝试了这个新闻报道，但是当包含DOCTYPE时，滚动会在每个周期结束时摇晃而不是平稳循环。任何建议表示赞赏。编辑所以多亏了Matt Hinze的建议，我意识到我可以用JQuery动画做我想做的事情（我需要连续滚动而不是像示例那样的离散滚动）。但是，我很快遇到了与liScroll相似的问题，毕竟认识到CSS问题（一如既往）是负责任的。解决方案：liScroll – 将默认的’var stripWidth = 0’更改为100，以提供一点空间并避免换行。

如何同时滚动两个div元素: 我想同时滚动两个div，并且div在jquery ui对话框中。我想检测它的滚动事件，然后我可以同时滚动它们。但是我在第一步失败了。对话框html是： hello, world … hello, world … 对话框js是： $(ret).dialog({ width: 100, height: 120 }); ret的内容是对话框html，我通过使用.ajax（）得到它。滚动function是： $(document).on(‘scroll’, ‘div[id=1]’, function() { alert(“get it!”); } 不幸的是，滚动function不起作用。但是，如果我将’scroll’更改为’click’，它就有效。我不知道为什么，你能帮帮我吗？谢谢！ $(document).on(‘click’, ‘div[id=1]’, function() { alert(“get it!”); }

Google Chrome document.body.scrollTop始终返回0: 在Google Chrome中，document.body.scrollTop始终返回0。我试试 if (window.pageYOffset > 0) { st = window.pageYOffset; } else if (document.documentElement.scrollTop > 0) { st = document.documentElement.scrollTop; } else { st = document.body.scrollTop; } 但不工作。 document.body.scrollTop正在使用firefox。即使在Chrome控制台中，当我在控制台中使用此代码时也无法正常工作。 enter code here $(‘html, body’).stop().animate({ scrollTop: 50 }, 500);

Jquery工具触摸水平仅禁用垂直触摸: 我有jquery工具滚动…我喜欢它只为swipeLeft swipeRight实现触摸选项。当我使用touch：true时，它也会在swipeUp / Down时旋转。我按照说明在这里： jQuery工具可滚动触摸禁用垂直滚动和这里： http://awardwinningfjords.com/2010/09/22/handling-touch-events-in-jquery-tools-scrollable.html 但似乎没有工作..任何想法？我的小提琴/演示在下面供参考小提琴： http ： //jsfiddle.net/mmp2m/7/ 演示： http ： //jsfiddle.net/mmp2m/7/show 谢谢