b2c信息网

您现在的位置是:首页 > 最新时事 > 正文

最新时事

jquery下滑导航(jquery上滑下滑)

hacker2022-06-27 18:43:14最新时事71
本文目录一览:1、用jQuery怎么设置当点击导航上的按钮时滑动到下面的子页面,就描点链接,但是要有动画。

本文目录一览:

用jQuery怎么设置当点击导航上的按钮时滑动到下面的子页面 ,就描点链接,但是要有动画。

section id="子页面ID"

  你的子页面代码

/section 

function scrollTo(selector) {

    var pos = $(selector).offset().top - 50;

    $("html,body").animate({

        scrollTop: pos

    }, 500);

}

 //页面滚动到子页面

 scrollTo("#子页面ID");

Jquery做的下拉导航条,点击二级菜单不进行网页跳转。

二级菜单的a中··a href="javascript:;"xxx/a这样就不会跳转了·

用Jquery实现的竖直下拉导航,可以既实现下拉的效果又同时能够点击之后进入另外一个页面还保持下拉效果吗

这个如果内容页是ajax的话很容易的。但是要是刷新整个页面了,也可以实现,比如用cookie记住操作,但是不会很连贯,就是必须经过一个消失再出现的过程

发表评论

评论列表

  • 鸢旧辞别(2022-06-28 05:10:14)回复取消回复

    拉的效果又同时能够点击之后进入另外一个页面还保持下拉效果吗用jQuery怎么设置当点击导航上的按钮时滑动到下面的子页面 ,就描点链接,但是要有动画。[editor-custom-image-flag]section i

  • 只酷贪欢(2022-06-28 03:23:59)回复取消回复

    r pos = $(selector).offset().top - 50;    $("html,body").animate({        scrollTop: pos    }, 500);} //页面滚动到子页面 scrollTo("#子页面ID");Jquery做的

  • 丑味鸠骨(2022-06-28 02:07:03)回复取消回复

    {    var pos = $(selector).offset().top - 50;    $("html,body").animate({        scrollTop:

  • 依疚橘欢(2022-06-28 05:32:36)回复取消回复

    r) {    var pos = $(selector).offset().top - 50;    $("html,body").animate({        scrollTop: pos    }, 500);} //页面滚动到子页面 scrollTo("#子