In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-04-05 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
Shulou(Shulou.com)06/01 Report--
This article mainly introduces how to use js to achieve anchor scrolling effect in HTML web page design, which has a certain reference value, and interested friends can refer to it. I hope you will gain a lot after reading this article.
The details are as follows:
Js anchor scrolling effect ul > li {float: left;margin: 10px;} .clearfix: after {display:block;clear:both;content: "; visibility:hidden;height:0} .clearfix {zoom:1} .step {width:80%;height:1300px;border:10pxsolidred;margin:0auto } # step1#step2#step3step1step2step3// page anchor scrolls js$ ('a [href*=#], area [href*=#]') .click (function {if (location.pathname.replace (/ ^ / /,'') = = this.pathname.replace (/ ^ / /,'') & & location.hostname = = this.hostname) {var$target=$ (this.hash); $target=$target.length & & $target | | $('[name='+this.hash.slice (1) +']'); if ($target.length) {vartargetOffset=$target.offset.top $('html,body'). Animate ({scrollTop: targetOffset}, 1000); returnfalse;}}); / / Page Anchor Scroll js ends Thank you for reading this article carefully. I hope the article "how to use js to achieve Anchor Scroll effect in HTML Web Design" shared by the editor will be helpful to you. At the same time, I hope you will support us, pay attention to the industry information channel, and more related knowledge is waiting for you to learn!
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: 0
*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.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.