scrolltop

问题 What I'm trying to do is implement a progress bar to indicate how close one is to the end of the page in vanilla JavaScript. However, I'm running into a few issues. First of all, although the body element is being scrolled, document.body.scrollTop always returns 0 . I've sorted this out by using document.scrollingElement.scrollTop . It's been a while since I last implemented a feature like this, so I took to Stack Overflow and found this thread, which jogged my memory a bit. From what I

问题 After several hours and with the help of several people, I managed to solve the problem with the script. But again, I found a problem with the style. Where is my problem? Why does the relevant text blink? var offsetTop = $('#skills').offset().top; function animateSkillBars() { $( ".bar" ).each( function() { var $bar = $( this ), $pct = $bar.find( ".pct" ), data = $bar.data( "bar" ); setTimeout( function() { $bar .css( "background-color", data.color ) .animate({ "width": $pct.html() }, data

问题 The scrollHash() function below is intended to scroll to a target anchor while adjusting the position to reflect both the fixed menu and desired margin-top . The function works properly in Chrome, however it only works in Firefox if a mouseout event occurs before the function is completed (accounting for the function's duration and setTimeout() ). Otherwise, if the mouse continues hovering over the link in Firefox throughout the function’s execution, the function fails to complete the second

问题 I have an iframe in my page and when I load the page, the page scrolls to the start on the iframe which is about 200px from the top of the page. If I change the iframe to a div then the page loading is as normal, meaning the page is scrolled to the top. So it is something about the iframe that is causing this. Does anyone know how to prevent this from happening? 回答1: Sorry, this was a dumb question. I just set the style property to display:none; and that solved it. 来源： https://stackoverflow

问题 I want to be able to smoothly scroll between two elements. I've been using this script to scroll between a link and a anchor. I'm hoping to re-purpose this script to allow smooth scrolling be various element type based on part of a 'id' of each element. Here's the original script JQuery smooth scrolling when clicking an anchor link - see below $(document).ready(function(e) { //SCROLL TO ANCHOR TAG var $root = $('html, body'); $('a').click(function() { $root.animate({ scrollTop: $( $.attr(this

问题 I have been breaking my head on understanding why on every latest browser my code works, and not on iPad, well it works only half way. First, here is the site I am trying to make work : http://madovar.com I am trying to, when I click on the contact us link on the top, to scroll to the right and then to the bottom, using animate from jQuery, it works great in FF, IE8+ and chrome, safari. But when I get on the iPad, it goes to the right like it is suppose to, then starts scroll down a bit and

问题 The left is the what I'm trying to scroll...it scrolls just a little bit and then stops. It seems to scroll the same amount each time too. I am trying to get the scrollTop using jQuery to work on page load when the content I am trying to scroll to is located in within a div. The current implementation doesn't do anything javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script> $(document).ready(function (){ //$(this).animate(function(){ $(

问题 I've written an app wrap by a webView, it work as expected on my milestone2 2.2 but the scrolling functions is not working on 3.0's chrome(work in FF) neither by dom.scrollTop = XXX nor jquery $("#id").scrollTop(X) is it a bug? anyone can suggest how I fix it, thx! my tablet is Acer ICONIA TAB A500 with Android 3.0.1 回答1: I've experienced a similar deficiency in Android browser. The way I worked around this problem was to use $(window).scrollTop(x); or window.scrollTo(x,0); The reason this

问题 In Chrome and Safari, $("body").scrollTop(1000) goes where expected. In IE and FF, nothing happens. In IE and FF, $(window).scrollTop(1000) works, but they go to different places. It also works in Chrome and Safari, but they both go to a different place as well. They seems to be up to 300-500 pixels off. Is there any consistent way to set the scrollTop property that works cross browser, and if not, why doesn't jQuery abstract this? I'd like to animate it as well, which works fine in Chrome

问题 How can I use the scrolltop without an animation This code works: var offTop = $('#box').offset().top; offTop = offTop-43; $('#mainCt').animate({scrollTop: '+=' + offTop + 'px'}, 400); And here are my (not working solutions): $("#mainCt").scrollTop('+=' + offTop + 'px'); // doesn't work $("#mainCt").scrollTop('+='+offTop); // doesn't work hhh = setTimeout(' $("#mainCt").scrollTop('+offTop+');',800); // doesn't work DEMO http://jsfiddle.net/DNNFF/9/ 回答1: maybe if you don't want an animation or