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

我现在有6屏的界面，但是每次滚动只滚动到下一屏界面，
我用scroll方法去做判断不行，因为我鼠标滚轮滚动一次scroll方法是会触发n次的，
参考如下：l x f . 1 6 3 . c o m / ? f r o m = n i e t o p # 1
把空格去掉，因为百度规则问题只能这样写。

举报该文章

相关建议 2016-07-26

请使用

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 自己引用啊

温馨提示：内容为网友见解，仅供参考

当前网址：https://22.t2y.org/zz/0h6i20ts026issfsii.html

其他看法

无其他回答

如何让jquery动画效果在屏幕滚动到指定位置才执行
1、新建一个html文件，命名为test.html。2、在test.html文件内，使用div标签创建一个模块，并设置其id为mycss。3、在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。4、在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。5、在function方法内，使用...

设置div滚动条滚动到指定位置?
js设置div滚动到固定位置可以设置div的scrollTop值。div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。动态页面的操作（滚动屏幕到指定元素位置）和DIV滚动条滚动#第一种方法：focus（这个是元素正好在屏幕中间）targetE...

如何通过JQuery将DIV的滚动条滚动到指定的位置
实现滚动条滚动到指定位置有两种情况：无效果和有动画效果 (1)无效果--直接使用scrollTop方法 \/\/100为高度，单位px$('.box').scrollTop(100)(2)有效果--使用animate方法 \/\/100为高度，单位px；300为时间，单位ms$('.box').animate({scrollTop:100},300)...

jQuery 实现div在窗口滚动条到一定位置后显示并固定位置不动拉上去后...
1、新建html文档。2、书写hmtl代码。3、书写css代码。* { margin: 0; padding: 0; list-style: none; }img { border: none; }body { font-family: Arial, Helvetica, sans-serif; }。4、书写并添加js代码。。5、代码整体结构。6、查看效果。

JS或者jquery怎么设置滚动条回到顶部?
JS或者jquery设置滚动条回到顶部的方法：返回顶部：设置为body的scrollTop为0 滑动效果：animate（Jquery的自定义动画）备注：returnTop为触发返回顶部的元素ID。JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛...

原生js或jQuery怎么让滚动条只能滚动固定的距离?
(window).bind("scroll", function(){ var top = $(this).scrollTop(); \/\/ 当前窗口的滚动距离 });如果使用原生js，可以这样写（摘自网上的）：\/ 获取滚动条距离顶端的距离 return {}支持IE6 \/ function getScrollTop() { var scrollPos;if (window.pageYOffset) { scrollPos = window....

js或jq怎样可以使滚轮滚动固定距离
你好，实现如下，请现在 body 加一定的 br 出现上下滚动条够长。不懂请追问。希望采纳！！ ('body').on('mousewheel', function(event) { if(event.deltaY=="-1"){ ('body').animate({scrollTop: 5000})}else if(event.deltaY=='1'){ console.log('上滑')} }); ...

javascript中如可控制iframe的滚动条位置
通过jquery的scrolltop方法进行位置设置。示例 1 2 3 4 5 第一种: document.getElementById('ghrzFrame').scrollTop=50;\/\/滚动50的位置, 第二种: $('#ghrzFrame').scrollTop(50);滚动到50的位置本回答由电脑网络分类达人系统推荐举报| 答案纠错 | 评论 0 24 woshidaniel 采纳率:74% 来自团队:...

网页中如何让DIV在网页滚动到特定位置时出现
用js或者jquery比较好实现。但你要知道，滚动到哪个特定位置，例如滚动到一个标题h3那显示这个div，那么可以用jquery算这个h3距离网页顶部的距离：$("h3").offset().top，这个值有了后，还要算滚动条的距离$(this).scrollTop()。第一个值是不会吧的，主要是第二个值是不断在变，所以要写到滚动...