+
80
-

jquery如何滚动页面到指定元素id的位置?

jquery如何滚动页面到指定元素id的位置?


网友回复

+
0
-
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
      function scrollPosition(id,p_top) {

       var offset= $(id).offset();
      // console.log(offset);

       $('body,html').animate({
         scrollTop:offset.top+p_top
       })
     };

     bready(function() {

         $("#scrollit").click(function () {
           scrollPosition('#picker','-800')
         })
     });
    </script>
    <style>
    </style>
</head>

<body>
    <div id="scrollit">滚动到</div>
    <div id="picker" style="margin-top:100vh;">
        <br>颜色选择器
           <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器   <br>颜色选择器
    </div>
</body>

</html>

我知道答案,我要回答