滚动一定的高度底色递增

$(window).scroll(function() {var swipeHeight = 200;//完全变色高度var scrollTop = $(document).scrollTop();//页面滚动高度var x = scrollTop/swipeHeight;$(".head-bg").css({"opacity":x});
})

转载于:https://www.cnblogs.com/lhj-blog/p/8521525.html

滚动一定的高度底色递增相关推荐

微信小程序滚动选项卡 swiper高度自适应
最近做小程序的时候遇到了swiper高度的问题,swiper里面的内容可以根据数据来自适应高度.那就给scroll-view计算一下高度 wxml <view class="conta ...
android 应用置顶到最前端_uniApp / 小程序实现一个view滚动到一定高度置顶显示
最近在使用uniApp做一个模仿美团小程序的demo,其中遇到这样一个需求,就是筛选模块滚动到顶部就置顶显示查阅了uniApp的官方文档以及微信小程序的官方文档,发现都有一个相同的API,如下: 实 ...
html左边高140px怎么设置,html：侧边栏+滚动div，高度设置为当前页面大小
我有一个侧边栏 #sidebar { float: left; position: relative; width: 200px; padding: 20px; } 和一个主体: #main { ma ...
DOM-5【兼容】滚动距离与高度、兼容模式、可视尺寸
查看滚动条的距离方法版本 window.pageXOffset / pageYOffset IE9/IE8及以下不支持(常规) document.body.scrollLeft/scrollTop ...
jquery实现滚动条滚动到一定高度导航固定不变
<div class="one"></div> .one { width: 800px; height: 100px; } .fix { position: ...
uniapp 页面滚动获取元素高度
onPageScroll() {let _this = this;let info = uni.createSelectorQuery().select(".entity-box" ...
Flutter ShowModalBottomSheet 自定义高度和滚动
这是一个官方的组件但是两个滑动在一起会有冲突简单的实现了一下滑动到头自动收起这个组件封装成一个通用组件 class ComModalBottomSheet {/// 展示ModalBottomSh ...
datagridview滚动条自动滚动_Win32编程基础之滚动条
(图片来源:游戏<ATRI> 通过使用滚动条,窗口可以显示比它大的文档或图片,用户可以滚动用户区中的数据对象来看到对象超出窗口边界的部分. 如果窗口的用户区比窗口的边框要大,窗口应该使用滚 ...
html中滚动代码怎么写,网页HTML滚动代码大全(一)
[HTML代码]会移动的文字(Marquee) Marquee标记用于在可用浏览区域中滚动文本.这个标记只适用于IE3以后的版的浏览器. 格式: BEHAVIOR="-" BGCO ...

滚动一定的高度底色递增

滚动一定的高度底色递增相关推荐

最新文章

热门文章