-
-
2801482773 数据达人Lv4
发表于2019-3-19 10:00
悬赏100
已解决
因为我只找到亿信里面的按钮，没有找到超链接的标签
最近看过此主题的会员
2801482773 发表于 2019-3-19 10:45
这样你可以看到效果了吗？要是太麻烦了就你说的不要跳动的太快了那个吧 ...
使得锚点定位的速度变缓慢的效果脚本见附件
锚点缓慢移动脚本.zip
(1.04 KB, 下载次数: )
该脚本用在参数区的“初始化脚本”处
30个回答
-
2801482773 数据达人Lv4
缱绻 发表于 2019-3-19 10:02
参考这个帖子哈http://bbs.esensoft.com/thread-129637-1-1.html
可以实现缓动效果吗
-
2801482773 数据达人Lv4
缱绻 发表于 2019-3-19 10:08
您说的缓动是什么效果呢？诶太明白，方便举例说明下吗？
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
html,body{
width: 100%;
height: 100%;
}
#ul{
width: 100%;
height: 100%;
list-style-type: none;
}
ul li {
width: 100%;
height: 100%;
}
#ol{
width: 50px;
height: 50px;
list-style-type: none;
top: 100px;
position: fixed;
}
#ol li{
margin: 1px;
}
</style>
</head>
<body>
<ul id="ul">
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
</ul>
<ol id="ol">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ol>
</body>
<script>
var ul=document.getElementById("ul");
var ol=document.getElementById("ol");
var bac=["pink","green","blue","white","purple"]
var ulli=ul.children;
var olli=ol.children;
var leader= 0,target= 0,timer=null;
function scroll() {
if(window.pageXOffset != null) // ie9+ 和其他浏览器
{
return {
left: window.pageXOffset,
top: window.pageYOffset
}
}
else if(document.compatMode == "CSS1Compat") // 声明的了 DTD
// 检测是不是怪异模式的浏览器 -- 就是没有 声明<!DOCTYPE html>
{
return {
left: document.documentElement.scrollLeft,
top: document.documentElement.scrollTop
}
}
return { // 剩下的肯定是怪异模式的
left: document.body.scrollLeft,
top: document.body.scrollTop
}
}
for(var i= 0;i<ulli.length;i++) {
ulli.style.backgroundColor = bac;
olli.style.backgroundColor = bac;
}
for(var j=0;j<olli.length;j++){
olli[j].index=j;
olli[j].onclick= function () {
// alert(22)
clearInterval(timer);
target=ulli[this.index].offsetTop;
timer=setInterval(function(){
// var leader = window.pageYOffset;
leader=leader+(target-leader)/10;//这里的leader写死了 leader=0 则后来不可以滑动？
window.scrollTo(0,leader);
// ulli.style.top=leader+"px"
// alert(ulli)
if (leader == target) {
clearInterval(timer);
}
},20);
}
}
</script>
</html>
-
2801482773 数据达人Lv4
缱绻 发表于 2019-3-19 10:08
您说的缓动是什么效果呢？诶太明白，方便举例说明下吗？
抱歉，我也说不太清楚，你可以复制这个代码看下效果，应该会有用的
2801482773 发表于 2019-3-19 10:12
抱歉，我也说不太清楚，你可以复制这个代码看下效果，应该会有用的
您给的就是一段HTML代码，没有js，点击也没有效果的嘞。是不是想定位的时候速度不要太快。
-
2801482773 数据达人Lv4
缱绻 发表于 2019-3-19 10:18
您给的就是一段HTML代码，没有js，点击也没有效果的嘞。是不是想定位的时候速度不要太快。 ...
有js啊，原生js呢
