jQuery LocalScroll + hashchange事件的浏览器兼容性问题
我正在建立一个网站,我正在使用 1)单击链接时,将滚动滚动到锚点 2)按下浏览器的后背按钮时滚动到先前访问的锚. 滚动发生在内容溢出的容器中. 第一,足够直接.为了获得第二名,我做了很多谷歌搜索,但并没有真正找到解决方案,即使我遇到了一些想要做类似事情的人的帖子. 我最终使用 ben almans jquery jquery hashchange event plugin 以及localscroll for localscroll for Acheive所需的结果,代码看起来像这样: $(document).ready(function(){ $.localScroll({ hash:true, target:'#container', duration:500 }); $(window).hashchange( function(){ var hash = locati
6 2024-04-05
编程技术问答社区
AngularJs应用程序的Protractor定位器超时异常
注意:我仍然没有解决这个问题.这篇文章似乎描述了我问题的解决方案,因为我使用ngRoute并且正在使用较新的Angular版本,但我无法使她的解决方案起作用: https://stackoverflow.com/a/a/35028895/6647188 在我的单页应用程序上:如何处理AngularJS中的锚点链接 但是我在我的网站上实现($anchorScroll)遇到了麻烦. 看看我在说什么: 我的plunker: 向下滚动 要"项目",请单击"项目1".这打开了新的视图& ng-show启用一个不同的导航栏(看起来与 老的.在下面查看 in index.html对于这些海导锚). 我想要 链接到#portfolio&#contact的"投资组合"和"联系" 我的views/home.html视图中的哈希链路ID.但是他们只带我 到正确的路线(views/home.html
18 2024-02-24
编程技术问答社区
锚点的外部链接 - 您可以延迟滚动吗?
我需要直接链接到我网站上的锚点,例如#ABOUT.当您在同一页面中链接时,这可以正常工作.但是,当我需要外部链接到锚点时,例如www.example.com/#about,它不正常. 由于主页上有很多动态内容,因此在Anchor链接尝试向下滚动到#ABOUT DIV之前,它还没有全部加载.因此,它导致到页面上的错误位置. 是否有某种方法可以将滚动延迟到锚点直到内容满载后?我需要与jQuery链接到#about div,而不是hash? 解决方案 我还没有测试过它,但是在我的头顶上,我认为如果您在窗口中调用它,那么这样的事情应该有效.必须. function moveToHash() { let urlHash = window.location.hash; if(urlHash) { window.location.hash = ''; window.location.hash = urlHash;
54 2024-01-27
编程技术问答社区
全宽div
我正在研究一个使用jQuery scrollto 的项目 我有6行,每个行有6个孩子,我希望每个孩子divs都是"全宽"(浏览器窗口中的边缘到边缘). 这是我的小提琴: http://jsfiddle.net/rzjrv/2/ P> 这是一个实时版本: http://www.david-haigh. com/webling-files/index.html 欢呼! ; - ) 解决方案 在CSS中您可以做 之类的事情 .child_div { width: 100%; } ,但看起来可能需要使用jQuery/js来完成: $(".child_div").width($(document).width()) 其他解决方案 很多时候您想要固定的侧边栏但全身...我的小提琴 演示: P>
20 2024-01-18
编程技术问答社区
滚动到和水平表格
我正在尝试制作水平滚动作品集网站.我希望用户能够使用下一个/上一个按钮点击图像,并像往常一样使用鼠标和滚动条进行滚动.但是,我在使用jQuery实施此操作时遇到困难. 该表被使用,因为这是水平网站中的最佳实践.我希望使用Scrollto()插件来允许表根据单击哪个按钮向前或向后滚动. 最终产品将类似于我迷失方向. 我的html如下: Next Previous
14 2024-01-18
编程技术问答社区
Jquery ScrollTo问题
我正在使用jQuery scrollto,以便当我单击页面顶部的问题时,它将滚动到问答并在屏幕下方回答.此功能正常运行(到一个点) 现在,当我单击一个在页面中间说的问题时,它将滚动,我的纳维尔(Navbar 第二个问题是,当我单击顶部(应该滚动回到页面上)时,前3个问题被Navbar重叠. 如果我从Navbar中删除了固定的固定,则一切都可以,但是我更希望将Navbar固定 保持 我的代码如下 查看 Question 1 Question 2 Question 3 Question 4
38 2024-01-18
编程技术问答社区
通过滚动和偏移从单独的页面导航到特定的锚标签
我正在使用jQuery scollto构建一个多节溅页页,以在各节之间导航.有一个固定的标头,该标头要考虑到Scrollto的"偏移"设置,但是我希望用户能够从网站其他地方的页面导航到特定部分(启动页面上的锚). . 就目前而言,当发生这种情况时,没有考虑到偏移...我尝试在各节和#page和身体元素上添加利润始终与浏览器窗口的顶部保持一致. 我喜欢的是一种从其他页面中链接的方法,请考虑到偏移,或者让这些链接将用户带到Splash页面的顶部,然后将其滚动到所需的锚点. JS: //menu scrolling jQuery('#menu-primary').localScroll({ easing: 'easeInOutQuint', duration: 1200, offset: -63, hash: true }); // end scroll // activ
8 2024-01-17
编程技术问答社区
jQuery SerialScroll: 为活动项目添加类
我正在使用Ariel Flesler的SerialScroll脚本,并想在活动或突出显示的项目中添加类,以便我可以使用CSS进行样式.阅读文档我发现了通知触发器,但我不确定/不确定///不确定//如果可以用来完成此操作. 这是我的代码: jQuery jQuery(function( $ ){ $('#slideshow').serialScroll({ items:'li', prev:'#screen2 a.prev', next:'#screen2 a.next', offset:-180, start: 0, duration:1200, force:true, stop:true, lock:false, cycle:false, jump: true }); });
22 2024-01-17
编程技术问答社区
JQuery > ScrollTo > 突出显示被滚动到的项目
这似乎很简单,但我似乎无法弄清楚.我想更改滚动的元素的背景颜色,以将scrollto插件用于jQuery.我正在使用AN后设置.这就是我所拥有的: $("#nav-inpage").localScroll({ target:'body', offset: -50, // compensate for static super-nav hash: true, onAfter:function(){ $(this.hash).css('background-Color' , '#ff0000'); } }); 如果我更改此.那么我该如何解决我要滚动的哈希? 解决方案 您需要实际获取哈希并将其用作ID选择器. $(window.location.hash).css('background-Color' , '#ff0000');
10 2024-01-17
编程技术问答社区
使用ipad和固定元素的scrollTo()
可能的重复: 移动safari在固定的按钮上固定的按钮在scrolltop concrolltop concroponmatically opprominationally opprominationally opprominationally opprominationally opprominationally opprominationally bug更改…? 我们正在尝试放置固定的导航以滚动页面的不同部分. 我们正在使用jQuery scrollto(). 仅在iPad上,第一次点击通过就没有问题,但是在此之后,导航似乎已被禁用. 如果我们用手滚动,甚至有点滚动,然后又有链接的工作. 这是代码:我该如何修复侧边栏? 解决方案 几周前遇到了同一问题. 发生这种情况的原因是因为"内容"获得了焦点,然后点击屏幕栏背后的内容.仅当您使用scrollto插件或jQuery. 为了解决此问题,在滚动动画之后,我们重新定位了窗口. $(windo
12 2024-01-17
编程技术问答社区
在超级动画中播放固定的元素
我正在使用 superscrollorama 使用jQuery和css3 ... 逐帧 但最终这样做之后,我陷入了一个问题,我正在尝试使用一些卷轴插件来浏览页面... 我尝试使用 scrollTop event,使用我在浏览后发现的问题是,如果页面被固定在一起,则页面不滚动到该位置并粘在... 之间 带有jQuery scrollto ,我的代码: - $('.menus a').click(function(e){ e.preventDefault(); $.scrollTo(this.hash, 2000, { easing:'easeInOutExpo', offset:3000, axis:'y', queue:true }); }); 使用基本的scrolltop jquery ,我的代码: - $('a').bind('click',function(event){ var $anc
14 2024-01-16
编程技术问答社区
带有缓和功能和回调功能的scrollTo
这是到目前为止我的代码: $('.my_button').click(function() { $.scrollTo( '#my_anchor', 1200, {easing:'easeInOutExpo'}, function() { // function not working here }); }); 以前使用回调函数,但是由于我更改为带有宽松的scollto方法,所以它不再了! 只是为了明确我只需要知道如何使我的回调函数再次工作,其他一切都很好. 解决方案 没有第四参数,但是第三个参数(设置)接受了一个on后回调 $.scrollTo( '#my_anchor', 1200, {easing:'easeInOutExpo', onAfter: function() { }}); 从设置上的源代码: * @param {Object,Fun
24 2024-01-16
编程技术问答社区
查询scrollTo在Firefox中不工作
我正在在我构建的页面中使用Scrollto jQuery库,它与Chrome,Safari和IE 8/9一起使用,但与Firefox一起使用. Firebug告诉我, typeError:$("#包装器").scrollto不是函数 这是包含scrollto库的行 这是我使用scrollto 的功能 function scrollPage(currentpage,scrollpage) { $(scrollpage).find('.text').fadeOut(); $(currentpage).find('.text').fadeOut( function(){ $('#wrapper').scrollTo( scrollpage, 1500, { onAfter:fu
26 2024-01-15
编程技术问答社区
通过按键向下滚动到下一个元素&滚动到插件jQuery
我正在使用jQuery的我有一堆与"屏幕"的Div,因此: ... 我要做的是,当我向上或向下按时,窗口滚动到下一个或以前的div,带有"屏幕"类别. 我已经照顾了关键. 根据插件文档,要滚动窗口,您使用$ .scrollto(...); 这是我拥有的代码: $(document).keypress(function(e){ switch (e.keyCode) { case 40: // down n = $('.screen-wrapper').next() $.scrollTo( n, 800 ); break; case 38: // up break; case 37: // left break;
28 2024-01-15
编程技术问答社区
滚动到下一个元素
我正在努力解决jQuery或JavaScript问题. 它已经很烦人,告诉我我可能认为这太复杂了. 所以我的标记(简单地)看起来像这样: My Content scroll down My Content scroll down My Content scroll down My Content scroll down 基本上只是一些容
32 2024-01-15
编程技术问答社区
火狐浏览器jquery scrollTo flicker bug
我在这里看到了很多线程在谈论Firefox中闪烁的话题,但是没有一个完全描述了我遇到的问题. 我有一个水平滚动网站,固定位置菜单和jQuery插件.scrollto处理下一个和以前的按钮.这在Chrome和Safari(不知道IE)中很棒,但是在Firefox中,每次您在左右向左滚动时都会闪烁,右上角和右上角的箭头. 在此处查看一个示例 我尝试设置所有具有固定位置溢出的元素:自动,但这无济于事.我对JS或jQuery并不熟悉,但我知道足够改变事情.任何帮助将不胜感激! 解决方案 问题是您没有在单击功能中取消默认的浏览器操作.将代码更改为此,闪烁将会消失: $(function(){ $(".next").click(function(e) { $.scrollTo( '+=1000px', 600 ); e.preventDefault(); }); $(".prev").click(function
12 2024-01-14
编程技术问答社区
简单的jQuery(scrollTo和animate)在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({t
22 2024-01-14
编程技术问答社区
jQuery在悬停时滚动到div并返回到第一个元素
我基本上具有设置尺寸和overflow: hidden的DIV.该div包含7个儿童div(但一次仅显示一个),当我悬停在各自的链接时,我想顺利滚动. 但是,第一部分(div)没有链接,是默认部分没有链接. 看一下这个JSfiddle,以查看我在说什么的基本结构: http://jsfiddle.net.net/ywnzc/ 我试图用jquery scollto来完成此操作,但无法使其正常工作. 任何帮助将不胜感激.谢谢. 解决方案 类似的东西? http://jsfiddle.net/ywnzc/5/ 代码: jQuery("#nav").delegate("a", "mouseenter mouseleave", function (e) { var i, self = this, pos; if (e.type == "mouseleave") { i = 0; } else {
18 2024-01-14
编程技术问答社区
Jquery ScrollTo Easing
可以将宽松方法应用于jQuery scrollto: $("#scroller").scrollTo(target,1000,{axis:'x',easing:'linear'}); 这不会放松任何东西... 我现在开始使用jQuery(长期使用原型),所以这无疑是我的错误. 我需要一个放松插件来实现这一目标吗?此插件的宽松选项是什么(如果有)?文档尚不清楚. 谢谢. 解决方案 来自JQuery: jQuery库中唯一的宽松实现是默认的,称为swing,以恒定速度进行,称为线性. . so easing: 'linear'不应该显示任何东西. 尝试easing: 'swing'. 其他解决方案 $("#scroller").scrollTo(target, 1000, {easing: 'easeInOutCirc'}); 可以在此处找到大量的宽松列表: http://easings.net/ 其他解决方案 linear是宽松的默认选
18 2024-01-14
编程技术问答社区