Question

我有一个页面，其中包含一个具有绝对内容的相对定位的div。这是j sfiddle。

当我点击＃view1时，我希望＃view2移动到视口的顶部。调试器显示正在处理的点击，但显示中没有任何变化。

任何人都可以提供帮助。

以下是示例：

$(document).ready(function(){
$("#view1").on("click", function (){
    $("#view2").scrollTop(0);
});
});
</script>

<style>
body,div,img {  padding:0; border:0; margin: 0;  }
img, #view1 { position: absolute; }
#view2  {position: relative; }
</style>
</head>

<body>
<p>
Lots of stuff up here, so div below scrolls off page.
</p> ... more stuff
<div id="view2">
            <div id="view1" > <img src="http://lorempixel.com/100/175/" /></div>
</div>
<p>
Lots more stuff down here ....
</p>

Answer 1

当然它不会显示任何变化。因为你没有对$("#view2").scrollTop(0);做任何事情。顺便说一句，为什么你把0放在括号内？这不是必需的。

<强> scrollTop的（）它返回滚动条（匹配元素）的垂直位置。 http://www.w3schools.com/jquery/css_scrolltop.asp

写下alert($("#view2").scrollTop());，而不是$("#view2").scrollTop(0);

它会返回一个整数。

在页面顶部显示相对定位的div（具有绝对内容）

1 个答案: