如何用js或jquery控制滚动条到指定位置

我现在有6屏的界面,但是每次滚动只滚动到下一屏界面,我用scroll方法去做判断不行,因为我鼠标滚轮滚动一次scroll方法是会触发n次的,参考如下:lxf.163.co... 我现在有6屏的界面,但是每次滚动只滚动到下一屏界面,
我用scroll方法去做判断不行,因为我鼠标滚轮滚动一次scroll方法是会触发n次的,
参考如下:l x f . 1 6 3 . c o m / ? f r o m = n i e t o p # 1
把空格去掉,因为百度规则问题只能这样写。
展开
 我来答
百度网友062f9c8
2016-07-26 · TA获得超过1254个赞
知道小有建树答主
回答量:840
采纳率:60%
帮助的人:721万
展开全部

请使用

fullPage.js插件。可以自行百度一下。

参考代码:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <style type="text/css">
            body {
                color: #FFFFFF;
            }
            
            .section1 {
                background-color: #BFDA00;
            }
            
            .section2 {
                background-color: #2EBE21;
            }
            
            .section3 {
                background-color: #2C3E50;
            }
        </style>
        <title></title>
        <link rel="stylesheet" href="css/jquery.fullPage.css" />
        <script type="text/javascript" src="../../js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.fullPage.js"></script>
        <script>
            $(function() {
                 $("#ido").fullpage();
            });
        </script>
    </head>

    <body>
        
        <div id="ido">
    <div class="section section1">
        <h1>每一个section是一屏,这是第一屏</h3>
    </div>
    <div class="section section2">
        <h1>每一个section是一屏,这是第二屏</h3>
    </div>
    <div class="section section3 active">
        <h1>每一个section是一屏,这是第三屏</h3>
    </div>
    <div class="section section4">
        <h1>每一个section是一屏,这是第四屏</h3>
    </div>
</div>

    </body>

</html>

css  js 自己引用啊

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式