jQuery：实现屏幕滚动特定高度时 div 切换为 flex 布局并按需移除

以下是一个使用 jQuery 实现当屏幕滚动到一定高度将一个 `div` 变为 `flex` ，滚动高度低于该值时移除 `flex` 的示例代码： ```html <!DOCTYPE html> <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <style> .flex { display: flex; } </style> </head> <body> <div id="myDiv">这是一个 div</div> <script> $(window).scroll(function () { var scrollTop = $(window).scrollTop(); if (scrollTop > 500) { // 当滚动高度大于 500 像素时 $('#myDiv').addClass('flex'); } else { // 当滚动高度小于 500 像素时 $('#myDiv').removeClass('flex'); } }); </script> </body> </html> ``` 在上述代码中，当滚动距离超过 500 像素时，给 `#myDiv` 添加 `flex` 类，使其变为 `flex` 布局；当滚动距离小于 500 像素时，移除 `flex` 类。你可以根据实际需求修改判断滚动高度的阈值（500 像素）。 ######[AI写代码神器 | 319点数解答 | 2024-08-16 10:52:34]

服务商

更多选项

快捷项

自定义