菜单固定随滚动条滑动

//菜单固定随滚动条滑动

function navscroll(id){

var $sidebar = $(id),

$window = $(window),

offset = $sidebar.offset(),

topPadding = 0;

$window.scroll(function() {

if ($window.scrollTop() > offset.top) {

$sidebar.stop().animate({

marginTop: $window.scrollTop() - offset.top + topPadding

});

} else {

$sidebar.stop().animate({

marginTop: 0

});

}

});

}

转载于:https://www.cnblogs.com/Mie929094441/p/7448593.html

菜单固定随滚动条滑动相关推荐

css 选择一列表菜单,css实现菜单列表随滚动条指定到对应内容
最近写了一个新闻页面,要求列表底部5px的蓝色边框随滚动条的变化对应到指定的内容,同时列表下边框也随着变化,先给大家看下效果图样式 2.编写代码 3.添加样式 .page-news-nav{ widt ...
css设置背景图片随滚动缓慢滚动_h5页面背景图很长要有滚动条滑动效果的实现...
最近做项目过程中,老大提了个很奇葩的要求背景图铺满页面,他要求有滚动条可以滑动,他给我讲的思路是用js 获取背景图片的高,在获取当前窗口的高,两者比较,当窗口的高小于背景图片的高,把窗口的高设置成背 ...
element-ui table表格增加合计行和表格列固定之后滚动条无法滚动
element-ui table表格增加合计行和表格列固定之后滚动条无法滚动是因为el-table__fixed或el-table__fixed-right有了合计之后把 el-table_ ...
找回Win10右键菜单固定到“开始”屏幕选项
恢复Win10右键菜单固定到"开始"屏幕选项现在有些ghost系统会精简掉右键菜单中的固定到"开始"屏幕选项.目前网上搜到的方法均试过了,都没用,自己尝试修改 ...
关于使用css3属性：transform固定菜单位置，在滑动页面时菜单闪现抖动的问题
1 myScroll = new IScroll('#h-s-wrapper', { 2 scrollX: true, 3 scrollY: true, 4 probeType: 3, 5 mouse ...
layui表头跟随滚动条滑动_侧边栏实现随滚动条滑动固定的效果
最近在一些博客看到侧边栏某些板块,随着滚动条的滑动,而跟着滑动或者固定的效果,感觉非常的人性化,一来可以弥补当一个页面很长,但侧边栏太短的时候的空白,二来可以合理利用空间展示更多信息,可以大大的提高 ...
Python Selenium UI自动化：滚动条滑动
文章目录问题滑动至固定位置 Window 对象方法 - scrollTo js&python:滑动至固定位置滑动至元素元素对象方法 js&python:滑动至元素问题在UI ...
android 固定底部导航,Android如何实现底部菜单固定到底部
今天搞了很久的一个问题,导航菜单没有固定到底部,因为上面是ListView,可是没内容,于是就浮动上去了. 效果如下: 这里采用的是一个碎片,代码是: xmlns:android="http ...
【技术】TCP 的固定窗口和滑动窗口
固定窗口 ● TCP 还提供了流量控制机制.流量控制可以调整给定会话中源和目的之间的数据流速,有助于保持 TCP 传输的可靠性.流量控制的实施方法包括限制一次可以转发的数据段数量,并要求在发送更多 ...

菜单固定随滚动条滑动

菜单固定随滚动条滑动相关推荐

最新文章

热门文章