qq_42177117的博客

<div class="catta" style="height:5000px"></div> <script type="text/javascript"> $(window).scroll(function(event){ var scrollH = $(this).scrollTop(); // console.log(scrollH); $(".catta").css({

效果图： position: absolute; bottom: 100px; width: 100%; height: 130px; background: hsla(0,0,0, .75); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); background-position: center top; background-size: cover;

test{ background: url(images/video-bg3.png) no-repeat center; width:100%; height:600px; background-attachment: fixed; }

页面部分： <div class="nr8-box"> <div class="overflowX"> <table> </table> </div> </div> CSS部分： .nr8 .nr8-box{width:2000px;} .overflowX { width:1500px; overflow-x: scroll; } .overflowX::-webkit-scrollbar{ /*滚动条基本样式，

CSS多余的行数进行省略隐藏 这里设置为4行文字。 超过4行文字后，省略号代替。 CSS代码： font-size:15px;color:#000;margin:5px 0 5px 0;line-height: 25px;text-align:justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertica