如何使用单击事件滚动div？
如何使用单击事件滚动div？
提问于 2020-08-04 22:14:19
是否可以使用单击事件滚动div？https://codepen.io/yarekc/pen/zYqOVbG
let e = new Event({
type:"click"
});
$("#container").trigger(e);
console.log('clicked !');#contaner {
width: 100px;
height: 100px;
background:yellow;
overflow-y:scroll;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="contaner">
<p>1hello world</p>
<p>2hello world</p>
<p>3hello world</p>
<p>4hello world</p>
<p>5hello world</p>
<p>6hello world</p>
<p>7hello world</p>
<p>8hello world</p>
<p>9hello world</p>
<p>10hello world</p>
</div>
我正在尝试记录鼠标事件，然后回放。我只是想知道记录鼠标事件(点击，移动，触摸，...)我可以回放用户在浏览时的行为。
回答 1
Stack Overflow用户
发布于 2020-08-04 22:35:41
你可以试试这样的东西。css和按钮只是为了演示。
$('.btn').click(function() {
let up = $('#container').scrollTop() + 30; //change as you like
$("#container").scrollTop(up);
});.btn {
position: fixed;
top: 40px;
right: 40px;
}
#container {
width: 100%;
height: 100px;
overflow: scroll;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="btn">SCROLL</button>
<div id="container">
<p>1hello world</p>
<p>2hello world</p>
<p>3hello world</p>
<p>4hello world</p>
<p>5hello world</p>
<p>6hello world</p>
<p>7hello world</p>
<p>8hello world</p>
<p>9hello world</p>
<p>10hello world</p>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63248808
复制相关文章
相似问题
腾讯云开发者
