jquery实现滚动固定果代码
代码语言:html
所属分类:加载滚动
代码描述:jquery实现滚动固定果代码,当滚定后,右边位置滚动住
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) { t = $('.fixed').offset().top; mh = $('.main').height(); fh = $('.fixed').height(); $(window).scroll(function(e) { s = $(document).scrollTop(); if (s > t - 10) { $('.fixed').css('position', 'fixed'); if (s + fh > mh) { $('.fixed').css('top', mh-s-fh+'px'); } } else { $('.fixed').css('position', ''); } }) }); </script> <style> * { padding: 0px; margin: 0px; } .box { width: 1000px; background: #ccc; margin: 0 auto; overflow: hidden; } .main { .........完整代码请登录后点击上方下载按钮下载查看
网友评论0