Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How does javascript get the position of the scroll bar

2025-01-26 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "how to get the position of the scroll bar in javascript". In the actual case operation process, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations! I hope you can read carefully and learn something!

javascript How to get the scroll bar position: [if($.browser.webkit){scTop=$("body").scrollTop()}else{scTop =document.documentElement.scrollTop].

Operating environment: windows 10 system, javascript 1.8.5, thinkpad t480 computer.

There are usually two ways to get the location of the scroll bar in the browser in javascript. Let's take a look at these two ways:

The first type: document.documentElement.scrollTop

This method is compatible with Firefox and Internet Explorer, but the value for chrome is always 0.

Second type: $("body").scrollTop()

This is compatible with chrome browsers, but the value is always 0 in IE and FireFox.

So the most accurate way to get the location is:

if($.browser.webkit) { scTop = $("body").scrollTop();}else { scTop = document.documentElement.scrollTop;}"javascript how to get the position of the scroll bar" content is introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the website. Xiaobian will output more high-quality practical articles for everyone!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 217

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report