js+css在IE下点击滑动效果一点击就自动跳动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js+css在IE下点击滑动效果一点击就自动跳动相关的知识,希望对你有一定的参考价值。

http://www.zhangmeiling.cn/b/index3.php 这是测试网址
现在一点左边的二级菜单,就在IE下就自动谈跳,,
但是在傲游和火弧下就正常。

这种兼容问题,就是js的问题。 找出那段js调好兼容就行了。 参考技术A 你能把 js发出来吗
或者重新写js

怎样用js写返回顶部的滑动效果

参考技术A 实现原理:当页面加载的时候,把元素定位到页面的右下角,当页面滚动时,元素一直位于右下角,当用户点击的时候,页面回到顶部。
要点一:document.documentElement.clientWidth || document.body.clientWidth; 获得可视区的宽度。后面是兼容chrome,前面是兼容其它浏览器。
要点二:oTop.style.left = screenw - oTop.offsetWidth +"px"; 当页面加载时,让元素的位置位于页面最右边,用可视区的宽度减去元素本身的宽度。
要点三:oTop.style.top = screenh - oTop.offsetHeight + scrolltop +"px"; 当页面滚动时,元素的Y坐标位置等于可视区的高度减去元素本身的高度,加上滚动距离。
要点四:document.documentElement.scrollTop = document.body.scrollTop =0; 当点击元素时,让页面的滚动距离为0.写两个是为了兼容。
参考:http://www.cnblogs.com/jingangel/archive/2012/03/08/2385939.html

以上是关于js+css在IE下点击滑动效果一点击就自动跳动的主要内容,如果未能解决你的问题,请参考以下文章

jQuery右侧滑动快速导航条

安卓手机智能机上下滑屏怎么调成左右滑屏

CSS 轮播图的实现(纯CSS,连续滑动无倒滑效果)

荣耀手机左右滑动屏幕怎么不是翻页

单纯使用CSS能实现滑动门效果?

Tab选项卡点击 滑动效果js实现