jquery实现页面下滑，jquery下拉

js让页面加载后向下滑动一段距离

页面加载完成事件JQuery是

$(function() {

这是页面加载完成后会执行的代码

}）

页面下滑代码

$('html,body').animate({scrollTop:100px},500);

100px为从顶部开始向下滑的距离 500为下滑时间 单位为毫秒 可以控制下滑速度时间越短下滑速度越快

两者结合 即可实现你说的页面加载后向下滑动一定距离

相关问答

Q1: jquery或者JS能实现让页面上移或者下移吗

如果你的意思是将页面向下滚动500px,那么是可以实现的.如果说想要将浏览器窗口向下移动,那么现在大多数浏览器都会限制这类脚本,但并不是说脚本不能,而是浏览器会不会响应.如果说只是将内容下移,那么可以设置最上面元素的margin-top或padding-top来实现.

Q2: jquery怎么实现点击按钮之后网页向下滑动200像素?

可以参考下面代码：

body

这里是内容

input type="button" value="点击下滑" id="but"

/body

script

$(document).ready(function() {

 $("#but").on('click',function(event) {

   $("body").animate({"padding-top":"200px"},200)

 });

});

/script

Q3: jquery如何实现菜单条由下向上滑动显示 由上向下滑动隐藏

由上向下滑动由 slideDown()控制，

由下向上滑动由 slideUp()控制。

首先将菜单条隐藏，这种情况一般赋予其CSS属性：display:none; 来隐藏。

然后通过jquery赋予它事件：点击或者鼠标移入。

通过这个事件绑定由下向上滑动的 slideUp()。

最后通过点击或者鼠标移出绑定由上向下滑动的 slideDown()。

slideDown()slideUp()中的括号填入速度。比如

slideDown("fast")

Q4: jquery如何实现当页面下拉到一定位置时，右下角出现回到顶部图标

重写window.onscroll()事件，先将返回顶部div设置为position:fixed;right:10px;bottom:10px;display:none，一旦event.scrollTop100(100可以设置为你想要的值)就display:block（fadeIn()），否则display:none(fadeOut())。还要设置返回顶部div点击事件，onclick(function(){$('body,html').animate({scrollTop:0},1000);})，这个什么意思不用我多说吧，既然搞Jquery，动画还是应该晓得。

style type="css/text"

    #gotop{position:fixed;right:10px;bottom:10px;display:none}

/style

div id="gotop"/div

script type="javascript/text"

    $(function(){

        $(window).scroll(function(){

            if($(window).scrollTop  100){

                $("#gotop").fadeIn(1000);//一秒渐入动画

            }else{

                $("#gotop").fadeOut(1000);//一秒渐隐动画

            }

        });

        

        $("#gotop").click(function(){

            $('body,html').animate({scrollTop:0},1000);

        });

    });

/script

刚写的，没测试，有问题再问我。

jquery实现页面下滑的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery下拉、jquery实现页面下滑的信息别忘了在本站进行查找喔。