效果 就是这样. 下面 贴代码;
那个啥 我的用的 scroll
<script>
<!--滑块距离顶部的 距离-->
var serTop = $(".hz-search").position().top;
//滑块的 高度
var serHeight = $(".hz-search").height();
//滑块多滚动的 高度 比率按照4:5算
var y = (5*(serTop + serHeight/2))/4 - serTop;
$(".pagecontent").scroll(function () {
var pageTop = $(".pagecontent").scrollTop();
// 滑块变化的高度top
var changeTop = serTop + pageTop * 0.2;
//变化的 百分比 用来 对应 滑块 透明度
var t = 1-(pageTop * 0.2) / y;
$(".hz-search").stop().animate({
top: changeTop + "px",
opacity:t
})
})
</script>
P:想用touch 可以用touch 注意 他的几种状态