Jquery在滚动中移动元素

Jquery move element on scroll?

本文关键字：移动 元素 滚动 Jquery      更新时间：2023-09-26

示例：我有水平菜单（在标题上），如果我向下滚动页面（从顶部开始大约>100px），菜单（水平）将移动到浏览器的左侧（垂直）并固定在那里。。。

有什么帮助吗？

试试这个：

这是正在工作的jsFiddle和源代码。

$(window).scroll(function() {
   var headerH = $('.header').outerHeight(true);
   //this will calculate header's full height, with borders, margins, paddings
   var scrollTopVal = $(this).scrollTop();
    if ( scrollTopVal > headerH ) {
        $('#subnav').css({'position':'fixed','top' :'0px'});
    } else {
        $('#subnav').css({'position':'static','top':'0px'});
    }
   var scrollLeftVal = $(this).scrollLeft();
   if ( scrollLeftVal > 1 ) { alert('i scrolled to the left'); }
});
相关文章：