TA貢獻1843條經(jīng)驗 獲得超7個贊
這種方法有什么問題嗎？
var Scrool="user";
$("div.demo").scroll(function() {
console.clear();
if (Scrool==="code") {
console.log("code scrolled")
}else if (Scrool==="user"){
console.log("user scrolled")
}
});
$("#target").click(function() {
$("div.demo").scrollLeft(300);
Scrool="code";
});
div.demo {
background: #ccc none repeat scroll 0 0;
border: 3px solid #666;
margin: 5px;
padding: 5px;
position: relative;
width: 200px;
height: 100px;
overflow: auto;
}
p {
margin: 10px;
padding: 5px;
border: 2px solid #666;
width: 1000px;
height: 1000px;
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>scrollLeft demo</title>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<div class="demo">
<h1>lalala</h1>
<p>Hello</p>
</div>
<button id="target">Click me</button>
</body>
</html>
舉報