html scroll无效,window.onscroll无效问题

修改Spzac主题时发现侧边栏滚动固定不起作用了，看了一下Console也没输出，证明 window.onscroll 事件没有生效，排查了很久。

一开始以为JS代码拼错了，但是看了半天没有问题。。。$(window).on('scroll', function () {

var t = $(document).scrollTop();

var r = $(".fixside").height();

var s = $(".fixsidenav").height();

s = s - r;

if (t < 100) {

$(".fixside").removeClass('fixed-top');

} else {

$(".fixside").addClass('fixed-top');

}

if (t > s) {

/* $(".fixside").removeClass('fixed-top');

$(".fixside").addClass('fixed-bottom');*/

} else {

$(".fixside").removeClass('fixed-bottom');

}

});

最后今天在 CSDN 看到参考文章才知道是给 html 设置了高度导致的html, body {

height: 100% /** 就这一句的问题，删掉就好了 */

}

html scroll无效,window.onscroll无效问题相关推荐

window.onload()方法和window.onscroll()方法
也许你想成为太阳,可你却只是一颗星辰:也许你想成为大树,可你却是一棵小草.于是,你有些自卑.其实,你和别人一样,也是一片风景:做不了太阳,就做星辰,在自己的星座发光发热:做不了大树,就做小草,以自己的 ...
winform错误提示：窗口类名无效(Window class name is not valid)
winfrom 程序在 xp 操作系统上报错提示窗口类名无效(Window class name is not valid) 解决方法注释 Program类里这句 Application.En ...
Chrome浏览其中，关闭窗口js无效.(window.close())
Chrome浏览器中,直接使用window.close()无效, window.open('','_self',''); <script> function closeChrome(){ ...
关于IOS设备window onscroll滚动条滚动事件不触发的问题
http://blog.hooperui.com/%E5%85%B3%E4%BA%8Eios%E8%AE%BE%E5%A4%87window-onscroll%E6%BB%9A%E5%8A%A8%E6 ...
js的window.onscroll事件
js的window.onscroll事件 js代码: window.onscroll = function(e){var e =e || window.event;var scrolltop=docu ...
如何实现同一个页面里面两个页面的相互切换（window.onscroll）
这里我们通过一个实例来阐述具体的做法,首先我们在一个页面有两个要处理的DIV页面,第一个页面的div中id="basic",第二个页面的div中id="high" ...
el-upload进度条无效，on-progress无效问题解决方案
el-upload进度条无效,on-progress无效问题解决方案参考文章: (1)el-upload进度条无效,on-progress无效问题解决方案 (2)https://www.cnblog ...
淘晶驰串口屏_提示p0.pic 初始值无效:图片ID无效
淘晶驰串口屏_提示p0.pic 初始值无效:图片ID无效这是由于没有使用了图片控件,却没有导入图片素材导致的导入图片素材后,要选择对应的控件,为控件的pic/picc/pic0/pic0等需要赋值 ...
eclipse列名无效_sql 列名无效
当前位置:我的异常网» 热门搜索 » sql 列名无效 sql 列名无效 www.myexceptions.net 网友分享于:2013-07-06 搜索量:1383次场景: 求助?sql列名 ...

html scroll无效,window.onscroll无效问题

html scroll无效,window.onscroll无效问题相关推荐

最新文章

热门文章