Tag: scrollto

Jquery ScrollTo问题

我正在使用Jquery ScrollTo,这样当我点击页面顶部的问题时,它将滚动到问题并在屏幕下方进一步回答。 这个function正常(至点) 现在,当我点击一个问题,说在页面的中间,它会滚动,我的导航栏将重叠一半的问题(我正在使用twitter bootstrap固定导航栏) 第二个问题是当我点击Top(应滚动回到页面顶部)时,前3个问题会被导航栏重叠。 如果我从导航栏中删除固定,那么一切正常,但我宁愿保持导航栏固定 我的代码如下 视图 Question 1 Question 2 Question 3 Question 4 Question 5 Q: Question 1Follow the link marked join which will take you to the relevant section.We review each application for membership and aim to let you know within qo working days.Top ^ Q:Question 2A: Follow the link […]

全宽Div

我正在使用jQuery ScrollTo的项目 我有6行,每行有6个子div,我希望每个子div都是’全宽’(浏览器窗口中的边到边)。 这是我的小提琴: http : //jsfiddle.net/RZjrV/2/ 这是一个实时版本: http : //www.david-haigh.com/Website-Files/index.html 干杯! 😉

使用jQuery滚动插件来避免#on url

我想使用滚动jQuery插件滚动到anchor tag因为我不希望浏览器在单击链接时将#添加到URL的末尾。 我不希望任何人用#标记我的网站的url。 TOP top jQuery.ScrollTo是最标准的插件吗? http://demos.flesler.com/jquery/scrollTo/ 我想支持IE6,FF4,Chrome,Android和iphone。 jQuery.ScrollTo是否支持它们? 或者,如果我需要浏览器可兼容性,我不应该使用滚动插件吗?

scrollTo和水平表

我正在尝试制作一个水平滚动投资组合网站。 我希望用户能够使用下一个/上一个按钮单击图像,也可以使用鼠标和滚动条按常规滚动。 但是,我在使用jquery实现它时遇到了麻烦。 使用该表是因为这是横向网站的最佳实践。 我希望使用scrollTo()插件允许表格向前或向后滚动,具体取决于单击的按钮。 最终产品将类似于此 ,虽然我试图利用这个网站上的代码, 没有运气! 我迷失了如何做到这一点。 我的HTML如下: Next Previous 我没有添加当前的jQuery,因为我尝试的任何东西都是一团糟。 任何帮助都会很棒!

通过superscrollorama中的固定元素播放

我正在使用SuperScrollorama建立一个Parallax网站 ,它使用jquery和css3一帧一帧地制作动画…… 但在结束这样做之后我遇到了问题,我正在尝试使用一些滚动插件来浏览页面… 我已经尝试了使用scrollTop事件的Basic jquery,使用Jquery ScrollTo并使用Tween Lite ScrollTo插件来浏览页面,但似乎没有任何工作…… 我在goggling之后得到的问题是,如果页面被固定在一起作为position:fixed; 并且页面不会滚动到该位置并且卡在…之间 使用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 $anchor = $(this); $(‘html, body’).stop().animate({ scrollTop: $($anchor.attr(‘href’)).offset().top }, 1500,’easeInOutExpo’); event.preventDefault(); }); 目前我的代码是这样的: – http://jsfiddle.net/tFPp3/6/ 正如你在我的演示中看到的那样,滚动卡在两者之间通过哈希到达确切的位置… 如果我必须玩Superscrollorama中的固定元素,那么解决方案是什么?

Jquery scrollTo在IE7中出现问题

我有一个页面,使用jQuery的scrollTo插件来管理一些function。 如果要从登录页面重置密码,它会滚动到新表单而不是将用户带到新页面。 当然,除了IE7之外,一切都运行良好。 这是我的HTML: Registered Members Log-in Here Email Address Password Register Forgot Password? Forgot your password? Enter your Email Address to reset your password By selecting ‘Reset Password’ you certify that the email address contained in this field is your email address. Email Address Confirmation Sent Please check your email for instructions on resetting […]

Firefox jquery scrollTo flicker bug

我在这里看到了很多关于Firefox中闪烁的线程,但没有一个能够描述我遇到的问题。 我有一个水平滚动网站,固定位置菜单和jquery插件.scrollTo处理下一个和上一个按钮。 这在Chrome和Safari中很有效(不了解IE),但在Firefox中,每次向右滚动时都会出现闪烁,右上角有箭头。 请参见此处的示例 我已经尝试设置所有具有固定位置的元素溢出:auto但没有做任何事情。 我对JS或Jquery并不是很熟悉,但我知道改变它的东西。 任何帮助将不胜感激!

JQUERY,scrollTo,向下滚动后,页面不会让我向上滚动一秒…… Y?

我正在使用以下JQUERY将偶数附加到标题中的链接,该链接基本上滚动到页面的底部: $(‘#comment-count-btn’).click(function(){ $(‘html,body’).scrollTo(‘#comment-wrapper’, 500); }); 问题是,它一直滚动到页面的底部(这是正确的),但是当我尝试向上滚动时,滚动条会跳跃,好像它被锁定了一点点。 有任何想法吗?

jquery在滚动时改变不透明度和高度

我正在尝试写一些小js。 我的导航将渐变设置为背景。 当我向下滚动一定量时,我希望背景改变高度,从渐变到平面颜色,0.85不透明度(动画)。 这是我的js代码 $(window).scroll(function(){ if ($(window).scrollTop() >= 600){ $(‘#navigation’).css({height: ’92px’}); } else { $(‘#navigation’).css({height: ‘142px’}); } }); 这是css #navigation { height: 142px; width: 1350px; position: fixed; z-index: 2000; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* […]

jQuery在hover时滚动到div并返回第一个元素

我基本上有一个设置维度和overflow: hidden的div overflow: hidden 。 该div包含7个子div(但一次只显示一个),当我们各自的链接hover时,我希望能够平滑地滚动它们。 但是,第一部分(div)没有链接,并且是没有链接hover时的默认部分。 看看这个jsFiddle,看看我正在谈论的基本结构: http : //jsfiddle.net/YWnzc/ 我试图用jQuery scrollTo完成这个,但还是无法让它工作。 任何帮助将不胜感激。 谢谢。