(javascript)利用css来实现position fixed

关于网友提出的“(javascript)利用css来实现position fixed
”问题疑问，本网通过在网上对“(javascript)利用css来实现position fixed
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：(javascript)利用css来实现position fixed
描述:

如何通过position fixed来实现这种页面效果：在最开始的时候我建的一个组件是固定在页面的某个位置，不是顶部，当滑动条滚动的时候，这个组件会滑到页面的顶部。这种效果改如何实现呢？假如用position fixed，一开始没有固定在顶部，滑动的时候不就会显得很怪异吗？诸位有没有什么好的解决办法呢？或者其他方法也行，在此先谢过了

---

解决方案1:

一般这效果都是用js吧。
以前看到css3有带这功能 position：sticky

解决方案2:

感谢大家的热心解答，问题已经解决了

解决方案3:

$(window).scroll(function(event) {

            var num_1=$(window).scrollTop();
            var num_2=$(window).height();
            if(num_1>num_2){
                $('.arr').show();
            }else{
                $('.arr').hide();
            }

        });

类似于这样写 你直接把show改为修改目标的css就行了

解决方案4:

加一个类，当滚动的时候就把类加到这个组件中。。

解决方案5:

这得用js来检测元素与顶部的距离，一旦达到距离为0，用js来设置元素的css中的position fixed

解决方案6:

sass可以，或者是加个JS

解决方案7:

$(window).scroll(function(){
window.scrollTo(数字,数字);
})

解决方案8:

用js做了，css不能完成这个效果

以上介绍了“(javascript)利用css来实现position fixed”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/1017701.html