零分杂记

在设计手风琴Tab展开收起菜单时，遇到了一个问题，第一次点击时，总是出现多次效果。 display:block，元素可见 slideToggle，当display:block可见时，显示JQ动画效果slideup，当display:none，不可见时，显示效果slideDown， 因为还要设计右边显示展开收起的图标（“+”可以展开，“-”，可收起），默认需要显示第一个菜单展开的效果。所以需要给一个CSS active，当已经展开时添加active，收起时移除active。 因为初次加载时需要展开第一个，所以第一个的初始值有active。 第一次使用时，贪图方便，就把display:block的

今天遇到一个问题，就是用JQ AJAX加载下一页时，加载内容的图片无法正常使用懒加载... 出现两种情况： 1、无法加载图片，在AJAX加载的异步内容，无法加载图片 2、整页图片刷新，在AJAX内添加懒加载 $("img.lazy").lazyload({effect:"fadeIn"}) 一整个页面的图片都会重新加载一次，这并不是想要的理想效果。 于是就去搜索解决方案 可惜：现在的搜索引擎，很多内容都已经无法搜索到了，这也许就是翻墙也要去ChatGPT的原因之一吧？ 短视频时代，已经有很少人在写文字了吗？能翻到的东西还是很早之前的，翻来覆去的被复制黏贴，以前经常关注的几个博客站，也都不更新了

HTML精确定位：scrollLeft，scrollWidth，clientWidth，offsetWidth scrollHeight：获取对象的滚动高度。 scrollLeft：设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop：设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth：获取对象的滚动宽度 offsetHeight：获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft：获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop：

JQ判断层是否可见（显示隐藏） var isVisible = $('#div').is(':visible'); var isHidden = $('#div').is(':hidden'); visible：可见，hidden：隐藏，可判断Class类设置好了display:none