scrollto

Webkit firing mousemove event unexpectedly (mouse not moving)

由 ▼魔方 西西 提交于 2019-12-11 07:27:12
问题 I have a slideshow playing that scrolls a div to reveal the next photo in the slideshow. I also have a function set up that hides the photo description when the mouse is inactive, but shows the description when the mouse moves. In Firefox, there is no problem, the div scrolls to new photos and no mousemove event is fired. However, in Webkit with the mouse on the window, but inactive, two-three mousemove events are fired everytime the div scrolls to a new photo. Here's the website for you to

Play through pinned elements in superscrollorama

由 五迷三道 提交于 2019-12-11 01:58:09
问题 I am building a Parallax website using SuperScrollorama which have some animation frame by frame using jquery and css3... But after ending up doing so i am stuck in a problem, i am trying to navigate the pages using some scroll plugin... I have tried Basic jquery using scrollTop event, using Jquery ScrollTo and using Tween Lite ScrollTo plugin to navigate through pages but nothing seems to work... The issue i get after goggling it is if pages are pinned together as position:fixed; and pages

query scrollTo does not work in Firefox

由 落花浮王杯 提交于 2019-12-10 19:50:45
问题 I'm using the scrollTo jquery library in a page I'm building, and it works with Chrome, Safari, and IE 8/9, but not with firefox. Firebug tells me, TypeError: $("#wrapper").scrollTo is not a function Here is the line that includes the scrollTo library <script type="text/javascript" src="js/jquery.scrollTo.js"></script> Here is the function where I use scrollTo function scrollPage(currentpage,scrollpage) { $(scrollpage).find('.text').fadeOut(); $(currentpage).find('.text').fadeOut( function(){

Jquery scrollTo issues in IE7

由 夙愿已清 提交于 2019-12-10 19:02:18
问题 I have a page that uses jQuery's scrollTo plugin to manage some functionality. When you want to reset your password from the login page, it scrolls to a new form rather than taking the user to a new page. It all works fine everywhere but IE7, of course. Here's my HTML: <div id="blocksWrapper"> <div id="blocks"> <div id="form" class="block"> <form id="formLogin" action="../index.html" method="post"> <fieldset> <legend>Registered Members Log-in Here</legend> <label for="formLoginEmail">Email

Simple jQuery not working in IE

由 不羁的心 提交于 2019-12-09 13:35:14
问题 I jsut now noticed that some simple jQuery is not working on IE9 and IE10 for mobile. I have some copyright links and simple sliding contact form which uses animate(). Also I use scrollTo plugin in combination with jQuery. I tried different versions, and still no solution. Maybe I am missing something obvious. Here is the code for one copyright link and for contact form to open and close. $('#privacy').click(function(){ $('#copyright').hide('fast'); $('#policy').toggle('slow'); $.scrollTo('+

使用JavaScript滚动到页面顶部吗？

由 被刻印的时光 ゝ 提交于 2019-12-09 11:29:20
如何使用JavaScript滚动到页面顶部？ 即使滚动条立即跳到顶部也是可取的。 我不是在寻找平滑的滚动。 #1楼 所有这些建议都适用于各种情况。 对于那些谁通过搜索找到这个网页，还可以给 这个 一试。 jQuery，无插件，滚动到element。 $('html, body').animate({ scrollTop: $("#elementID").offset().top }, 2000); #2楼 尝试此滚动顶部 <script> $(document).ready(function(){ $(window).scrollTop(0); }); </script> #3楼 您可以简单地从链接中使用目标，例如#someid，其中#someid是div的ID。 或者，您可以使用任何数量的滚动插件，使其更加美观。 http://plugins.jquery.com/project/ScrollTo 是一个示例。 #4楼 如果您不需要更改以进行动画处理，则无需使用任何特殊的插件-我只使用本机JavaScript window.scrollTo方法-传入0,0即可将页面立即滚动到左上角。 window.scrollTo(x-coord, y-coord); 参量 x坐标是沿水平轴的像素。 y坐标是沿垂直轴的像素。 #5楼 您不需要jQuery即可执行此操作。

jquery change opacity and height on scroll

由 时光怂恿深爱的人放手 提交于 2019-12-08 19:23:28
I'm currently trying to write a little js. My navigation has a gradient set as background. I want the background to change in height and from a gradient to a flat color with 0.85 opacity (animated) when I scroll down a certain amount. here's my js code $(window).scroll(function(){ if ($(window).scrollTop() >= 600){ $('#navigation').css({height: '92px'}); } else { $('#navigation').css({height: '142px'}); } }); here's the 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+ */

jquery change opacity and height on scroll

由 雨燕双飞 提交于 2019-12-08 06:22:26
问题 I'm currently trying to write a little js. My navigation has a gradient set as background. I want the background to change in height and from a gradient to a flat color with 0.85 opacity (animated) when I scroll down a certain amount. here's my js code $(window).scroll(function(){ if ($(window).scrollTop() >= 600){ $('#navigation').css({height: '92px'}); } else { $('#navigation').css({height: '142px'}); } }); here's the css #navigation { height: 142px; width: 1350px; position: fixed; z-index:

JQuery > ScrollTo > highlighting the item that was scrolled to

由 て烟熏妆下的殇ゞ 提交于 2019-12-08 04:16:23
问题 This seems pretty simple, but I can't seem to figure it out. I want to change the background color of the element that was scrolled to using the ScrollTo plugin for JQuery. I'm using the onAfter setting. This is what I have: $("#nav-inpage").localScroll({ target:'body', offset: -50, // compensate for static super-nav hash: true, onAfter:function(){ $(this.hash).css('background-Color' , '#ff0000'); } }); If I change this.hash to just this, the background of the target (body) turns red. So how

使用JavaScript滚动到页面顶部吗？

由 假装没事ソ 提交于 2019-12-07 17:12:28
如何使用JavaScript滚动到页面顶部？ 即使滚动条立即跳到顶部也是可取的。 我不是在寻找平滑的滚动。 #1楼 所有这些建议都适用于各种情况。 对于那些谁通过搜索找到这个网页，还可以给 这个 一试。 jQuery，无插件，滚动到element。 $('html, body').animate({ scrollTop: $("#elementID").offset().top }, 2000); #2楼 尝试此滚动顶部 <script> $(document).ready(function(){ $(window).scrollTop(0); }); </script> #3楼 您可以简单地从链接中使用目标，例如#someid，其中#someid是div的ID。 或者，您可以使用任何数量的滚动插件，使其更加美观。 http://plugins.jquery.com/project/ScrollTo 是一个示例。 #4楼 如果您不需要更改以进行动画处理，则无需使用任何特殊的插件-我只使用本机JavaScript window.scrollTo方法-传入0,0即可将页面立即滚动到左上角。 window.scrollTo(x-coord, y-coord); 参量 x坐标是沿水平轴的像素。 y坐标是沿垂直轴的像素。 #5楼 您不需要jQuery即可执行此操作。
订阅 scrollto