老規矩,廢話不多說,先來看效果:
CV即可直接使用,有什麼在這裏插入代碼片
問題可以留言或者私信,筆者看到都會第一時間回覆的。
代碼:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>滾動條下拉至底部纔可以提交</title>
<script language="JavaScript">
function check(){
let submitBtn = document.querySelector('#submit');
// 文本域可見區域的高度
var clientHeight = document.getElementById('text').clientHeight;
// 滾動條頂部 到 文本域頂部 的距離
var scrollTop = document.getElementById('text').scrollTop;
// 文本域總高度
var scrollHeight = document.getElementById('text').scrollHeight;
// console.log(
// '當前文本域的高度'+clientHeight,
// '\n文本域的總高度'+scrollHeight,
// '\n滾動條頂部 到 文本域頂部 的距離:'+Math.round(scrollTop),
// );
// 兩種判斷方法
// 方法一:
let height = scrollTop/(scrollHeight-clientHeight)*100;
console.log(Math.round(height)+'%');
// 方法二:
if(clientHeight + Math.round(scrollTop) >= scrollHeight){
submitBtn.disabled=false;
}
submitBtn.onclick=()=>{
alert('提交成功');
return false;
}
}
</script>
</head>
<body>
<form>
<textarea onscroll="check()" id="text" name="text" cols="70" rows="14">
富有娛樂精神的香港媒體熱衷於評選參賽運動員中的十大美女,前晚更產生了終極五強。中國隊僅惠若琪留在五強,而韓國檯球美女車侑藍高居榜首。福原愛以可愛取勝,另外兩強被香港的檯球手葉蘊妍以及中華臺北的張舒涵佔據。郭晶晶雖然在香港家喻戶曉,但僅列美女榜的第八位。入選十強的還有惠若琪、吳敏霞、金佳映、王儀涵、石川佳純、慄原惠和姚彥。######車侑藍,22歲,韓國女子九球選手,被稱爲東亞遠第一美女。車侑藍是韓國最新走紅的女子撞球手,因爲可以媲美超模的外形和與外表截然不同的狠辣球風,讓她在登陸美國後迅速躥紅。在美國檯球迷心目中,她就是東方的莎拉波娃。在中國她有“韓版張柏芝”之稱。東亞運動會女子斯諾克6球個人賽,在銅牌爭奪戰中,兩名韓國選手上演了一場一邊倒的比賽,最終車侑藍以4-0橫掃金佳映,獲得了銅牌。
富有娛樂精神的香港媒體熱衷於評選參賽運動員中的十大美女,前晚更產生了終極五強。中國隊僅惠若琪留在五強,而韓國檯球美女車侑藍高居榜首。福原愛以可愛取勝,另外兩強被香港的檯球手葉蘊妍以及中華臺北的張舒涵佔據。郭晶晶雖然在香港家喻戶曉,但僅列美女榜的第八位。入選十強的還有惠若琪、吳敏霞、金佳映、王儀涵、石川佳純、慄原惠和姚彥。######車侑藍,22歲,韓國女子九球選手,被稱爲東亞遠第一美女。車侑藍是韓國最新走紅的女子撞球手,因爲可以媲美超模的外形和與外表截然不同的狠辣球風,讓她在登陸美國後迅速躥紅。在美國檯球迷心目中,她就是東方的莎拉波娃。在中國她有“韓版張柏芝”之稱。東亞運動會女子斯諾克6球個人賽,在銅牌爭奪戰中,兩名韓國選手上演了一場一邊倒的比賽,最終車侑藍以4-0橫掃金佳映,獲得了銅牌。
富有娛樂精神的香港媒體熱衷於評選參賽運動員中的十大美女,前晚更產生了終極五強。中國隊僅惠若琪留在五強,而韓國檯球美女車侑藍高居榜首。福原愛以可愛取勝,另外兩強被香港的檯球手葉蘊妍以及中華臺北的張舒涵佔據。郭晶晶雖然在香港家喻戶曉,但僅列美女榜的第八位。入選十強的還有惠若琪、吳敏霞、金佳映、王儀涵、石川佳純、慄原惠和姚彥。######車侑藍,22歲,韓國女子九球選手,被稱爲東亞遠第一美女。車侑藍是韓國最新走紅的女子撞球手,因爲可以媲美超模的外形和與外表截然不同的狠辣球風,讓她在登陸美國後迅速躥紅。在美國檯球迷心目中,她就是東方的莎拉波娃。在中國她有“韓版張柏芝”之稱。東亞運動會女子斯諾克6球個人賽,在銅牌爭奪戰中,兩名韓國選手上演了一場一邊倒的比賽,最終車侑藍以4-0橫掃金佳映,獲得了銅牌。
富有娛樂精神的香港媒體熱衷於評選參賽運動員中的十大美女,前晚更產生了終極五強。中國隊僅惠若琪留在五強,而韓國檯球美女車侑藍高居榜首。福原愛以可愛取勝,另外兩強被香港的檯球手葉蘊妍以及中華臺北的張舒涵佔據。郭晶晶雖然在香港家喻戶曉,但僅列美女榜的第八位。入選十強的還有惠若琪、吳敏霞、金佳映、王儀涵、石川佳純、慄原惠和姚彥。######車侑藍,22歲,韓國女子九球選手,被稱爲東亞遠第一美女。車侑藍是韓國最新走紅的女子撞球手,因爲可以媲美超模的外形和與外表截然不同的狠辣球風,讓她在登陸美國後迅速躥紅。在美國檯球迷心目中,她就是東方的莎拉波娃。在中國她有“韓版張柏芝”之稱。東亞運動會女子斯諾克6球個人賽,在銅牌爭奪戰中,兩名韓國選手上演了一場一邊倒的比賽,最終車侑藍以4-0橫掃金佳映,獲得了銅牌。
</textarea><br /><br />
<input type="submit" id="submit" name="submit" disabled='true' value="Submit" />
</form>
</body>
</html>