scrolltop

问题 For example I have I a div tag with the scroll bar on the right of the div tag. I want to show the div with the last line, so I have this: document.getElementById("divscroll").scrollTop = 250000; I can make it scroll to the end in Firefox but never succcess with IE event with the bigger number! Is there any simple Cross-borwser script (not JQuery or any big framework!) 回答1: scrollTop works in all major browsers. To scroll to the bottom of the element: var div = document.getElementById(

问题 I'm guessing this is really easy but I'm new to jQuery so I'm a little lost. What’s the best way to animate a number going up relative to a users vertical scroll position? I’m making a div a million pixels long and want a fixed number that counts from 0 to a million. Am I right in saying I'd have to use the .scrollTop() function? Cheers for any help in advanced! B 回答1: The following code should help you to get started. If you increase the height of the html tag to 1 million pixel, you'll have

问题 Is There a way to find scroll top property with JavaScript without using .scrollTop ? 回答1: EDITED - measuring position in scrollable div using temporary element (as first-child) - this should not interfere with any styles as it is used only for measurement time: http://codepen.io/themeler/pen/yOjXGp Scroll position is saved in data attribute. $(function () { function scrollMeasurer($elem) { var $measurer = $('<div/>'), initialOffset = 0 // measuring function function measure ($target) { var

问题 I am trying to write a function in jquery that when a button is clicked, the user's scroll position is saved, and then when the page loads the link that the button directed to, the scroll position is retrieved. Here is my function. I am not sure what the problem is as I am relatively new to this. var scrolltop; $(document).ready(function(){ $('a.page-numbers').click(function() { scrolltop = $(document).scrollTop(); // store it var href = $(this).attr('href'); window.location= href; // I am

问题 I'm working on a very simple jQuery based chat room (to be used in an introductory workshop). The current chats are displayed in a div set to 400px high and overflow auto. jQuery's "load" function is used to retrieve HTML formatted chats from a database and place them into the div. I've got some very simple code that ensures the chat div is scrolled to the bottom at all times. This code is in a function named scrollToBottom which is called using the completion callback feature in the load

问题 This question already has answers here : ;Jquery: animate page down 100px from current screen position (3 answers) Closed 6 years ago . How do I animate the page down 100px from where it currently is? my code doesn't work: $('html,body').animate({ scrollTop: $(window).position().top + 100 }) like this, but without it scrolling the page to a specific element, instead, scrolling 100px from the windows current position: $('html, body').animate({ scrollTop: $("#scrollToHere").offset().top }, 2000

问题 I am using jquery function element.scrollTop() to get the current scroll position of the page using following line: var currentScrollPosition= $('html').scrollTop() || $('body').scrollTop(); But it always return a value of previous scroll position. Please check the code below (which is same as is in here). As you can try yourself and see in the code, after each tiny scroll, we get following series of values: (1: when code is first run and no move is made yet) delta:0 cumulativeDelta:0

问题 I'm having troubles trying scroll automatically with javascript. My scrolling area is the body, my js code is $("body").animate({scrollTop: $("#myDiv").position().top) but I don't get any result: no animation and no scrolling I also tried $("body").scrollTop($("#myDiv").position().top); and also replacing $("body") with $(window). Any hint? 回答1: scrollTop is a jQuery method which gets or sets the the offset of the current elements scroll bar, but with no animation. You might be getting

问题 Hello so I am working on a vertical scrolling site where fixed central image (the main character) hide and show depending on where the user is on the page using .scrolltop. The only problem I have is that when the page loads the first time, every single central image loads at once and is displayed. Once you begin scrolling it works correctly from the point on, it seems to only happen when the page is first loaded. What am I writing wrong in my script? I think it has to do with the .hide

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed last year . I have bootstrap tabs with respective content.On click of each tab,I have to scroll the page to its content with the tab set visible.Whenever,I click on a non active tab ,it takes me to the correct position.But if the tab is already ACTIVE and I click on it,it scrolls the page further instead of sending me to