Tag: 滚动

使用CSS / jQuery滚动时如何设置聚焦和访问锚点的样式

我有一个相当复杂的问题，我似乎无法回答自己。 在我的页面顶部，我有几个平滑向下滚动到文章的锚点： 我想通过旋转箭头告诉访问者他们在页面上的位置。 此箭头应指向它所代表的文章。 在下一个图像中，您可以看到我想如何实现它。 在这里，用户滚动过锚1（这是一篇动态高度的文章），现在正在阅读第2篇文章： 当访问者在文章之外，但是锚3文章仍然在滚动位置之下时，它应该如下所示： 这给我带来了一些问题： 是否可以编写jQuery脚本以便动态添加锚点？ 如何在不添加额外库的情况下添加旋转动画？ （我现在正在使用jquery.transit） 当前代码:(从另一篇文章得到这个：jsfiddle.net/m2zQE） var topRange = 200, // measure from the top of the viewport to X pixels down edgeMargin = 20, // margin above the top or margin from the end of the page animationTime = 1200, // time in milliseconds contentTop = []; $(document).ready(function(){ […]

旧的$（窗口）.scroll函数突然不起作用 – 向上移动两个变量来纠正它？

我已经使用下面的function已经有一段时间了，并且它一直在顺利工作并且有意。 然而，当我今天回去检查网站的状态时，我意识到它不再工作了。 使用console.log似乎变量thresholdCrossed和thresholdCrossedTop在它们之前的函数之前被更新，即使它们在函数上下文中被放置在它之下。 怎么会这样？ 将前面提到的两个变量向上移动到该函数的末尾（否则应该在更新变量之前执行）解决了这个问题。 这是旧版本： jQuery.fn.followTo = function () { var $this = this; jQuery(window).scroll(function(e){ var scroll = jQuery(window).scrollTop(); jQuery(function (){ if(!thresholdCrossedTop && scroll > containerOffsetTop && scroll pos) { // custom function here } else if (thresholdCrossed && scroll <= pos) { // custom function here } else if(thresholdCrossedTop && scroll pos; // […]

jQuery mobile css滚动并单击

我正在为智能手机开发移动网站并使用jquery mobile。 第一次测试： http ： //pastehtml.com/view/bq51kpbmm.html 我已将内容添加到页面中，因此它应该是可滚动的，但是当我滚动时，页眉和页脚将被禁用滚动时间。 :(第二次测试： http ： //pastehtml.com/view/bq51nmk7i.html jquery移动文档（http://jquerymobile.com/test/docs/toolbars/bars-fixed.html）向我提供data-position =“fixed”应该禁用隐藏我的页眉和页脚的信息 我究竟做错了什么？

在Codeigniter上滚动时加载

编辑：我已经删除了变量var路径，我必须指示控制器的URL并使用url本身，现在路径错误消失但我没有数据。 传递文件的东西没有被传递。 我想要做的是滚动，让页面从服务器加载数据。 为此，我使用单独的jquery文件，视图，控制器和模型。 JQUERY FILE。 你会发现它很简单： $(document).ready(function() { var pageLoaded = 1; //this basically says that we are on page 1 of the results $(window).scroll(function() { if($(window).scrollTop() == $(document).height() – $(window).height()) { pageLoaded = pageLoaded+1; //when this condition has met, increase the pageLoaded so that I can tell php to load in data for […]

在窗口滚动上显示/隐藏div

我有一个默认隐藏的div元素#btns 。 它应该在从顶部滚动200px显示，并在从顶部500px后再次隐藏。 这是我的（非工作）代码： $(window).scroll(function() { if ($(this).scrollTop()>200) { $(‘#btns’).fadeIn(); } elseif ($(this).scrollTop()<500) { $('#btns').fadeIn(); } else { $('#btns').fadeOut(); } });

如何使用javascript滚动iFrame

我有几个加载外部网页的iFrame，虽然一次只出现1个，因此我想要添加到按钮（而不是滚动条）的id =“iFrame”，这样用户可以按下它们向下或向上滚动，我试图用javascript做到这一点，但到目前为止我一直没有成功，我在这里读了一些post并尝试了这些 答案，但到目前为止还没有运气。 我也尝试过： var newFrame = document.getElementsByTagName(‘iframe’); if(typeof newFrame !== ‘undefined’){ newFrame.contentWindow.scrollBy(0,250); 和 var myframe = document.getElementById(window.frameElement[0].id); myframe.window.scrollBy(0,50); 到目前为止没有任何结果，任何人都可以让我知道我错过了什么或做错了什么？ 谢谢！

滚动到div时菜单ul样式更改

我有一个带有ul和菜单的菜单作为内容，当我滚动到第一个框时，ul的样式更改为另一个样式，当我滚动到第二个框时，ul的样式更改为相同的另一个样式，并且第一个ul样式返回到它的原始风格和那样。 问题是当我到达页面的末尾时，有空间并且所有的uls样式应该返回到它的原始样式但是jquery代码的问题是最后的ul样式（对于最后一个框）仍然像我一样在最后一个方框。 正如你在这里看到的那样http://ge.tt/1yoq2sg/v/0?c当我到达页面的末尾时，菜单中的每个ul样式都应该是原始样式，但事实并非如此。 您也可以下载该文件。

页面加载更改为锚点

我正在使用Jquery.Localscroll在锚之间平滑地移动窗口。 如何在页面加载时更改URL以包含锚链接，以便在页面加载时平滑滚动到某个部分。 或者是否有更好的方法在文档加载时滚动到某个部分。 谢谢。

jquery水平滚动事件 – 编辑

嗨，我有一个水平滚动画廊，我想添加动态字幕，标题是静态的页面，我希望他们在用户滚动浏览每个图像时打开和关闭。 这是一个模拟页面： http://www.jonathantopf.com/imijstudio/ 为了概念validation，我在上面的图库中有一个小红色方块，我想用它来进入屏幕时触发事件。 有任何想法吗？ 我曾经使用过航点，但无法弄清楚如何将其设置为侦听水平滚动事件。 我对jquery很新，因为你可以告诉所以任何帮助都非常感谢， 这是我到目前为止尝试的内容： $(document).ready(function() { $(“#blob”).waypoint(function() { alert(‘waypoint reached.’); }); }); 这是错误： Uncaught TypeError: Object function ( selector, context ) { // The jQuery object is actually just the init constructor ‘enhanced’ return new jQuery.fn.init( selector, context ); } has no method ‘isWindow’ 更新：升级到最新版本的jquery，似乎修复了consloe错误。 它现在有效，但只有当正方形垂直进入框架时，我才能找到如何将方向设置为水平。 谢谢 乔恩

滚动新闻自动收报机Jquery – 问题

原始来源和示例： http://www.htmldrive.net/items/show/397/Vertical-Scrolling-News-Ticker-With-jQuery-jCarouse 再次问好！！ 滚动新闻Ticker Jquery有一些问题： 第一个问题 ：Internet Explorer错误消息 “对象不支持此属性或方法”行：269：第269行） ticker.mouseenter(function() { // <—Line: 269 //stop current animation ticker.children().stop(); }); 第二个问题 ：点击新闻选项（指向页面链接）的唯一方法是通过网站示例中的蓝色文本标题。 我希望用户能够点击包含图像的选项的整个部分。 第三个问题 ：当新闻滚动时它看起来都是一体的，有没有办法添加一行来分隔每个部分。 Forth问题 ：当用户将鼠标放在某个部分上时，有没有办法暂停自动滚动？ 有没有办法在标题和类别下添加更多文字？ 这是脚本本身，IE问题突出显示在右下方的箭头 ： $(function() { //cache the ticker var ticker = $(“#ticker”); //wrap dt:dd pairs in divs ticker.children().filter(“dt”).each(function() { var dt = $(this), container = $(“”); dt.next().appendTo(container); dt.prependTo(container); container.appendTo(ticker); […]