導航:首頁 > 編程語言 > js滾動條高度

js滾動條高度

發布時間:2023-01-24 19:59:43

『壹』 在IE中js 如何獲取滾動條的高度

var x=document.body.scrollTop;
alert(x);

『貳』 【高手請進】js如何獲得頁面瀏覽器滾動條的高度值 ,並賦值給html頁面中的div

網頁可見區域寬: document.body.clientWidth
網頁可見區域高: document.body.clientHeight
網頁可見區域寬: document.body.offsetWidth (包括邊線的寬)
網頁可見區域高: document.body.offsetHeight (包括邊線的高)
網頁正文全文寬: document.body.scrollWidth
網頁正文全文高: document.body.scrollHeight
網頁被捲去的高: document.body.scrollTop
網頁被捲去的左: document.body.scrollLeft
網頁正文部分上: window.screenTop
網頁正文部分左: window.screenLeft
屏幕解析度的高: window.screen.height
屏幕解析度的寬: window.screen.width
屏幕可用工作區高度: window.screen.availHeight
屏幕可用工作區寬度: window.screen.availWidth

『叄』 需要一個JS代碼,頁面打開後立即將滾動條滾到指定高度,高度可任意修改

<scripttype="text/javascript">
window.onload=setTimeout(function(){
window.scrollTo(0,500);//修改500為指定高度
},5);
</script>

『肆』 怎麼樣用JS 控制豎向滾動條的高度。 急! 急~

這個用不到JavaScript的吧?


直接用錨就輕松搞定問題了呀:


鏈接頁面:

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>鏈接頁面</title>
</head>
<body>
<atarget="_blank"href="index.html#a">a</a>
<atarget="_blank"href="index.html#b">b</a>
<atarget="_blank"href="index.html#c">c</a>
<atarget="_blank"href="index.html#d">d</a>
<atarget="_blank"href="index.html#e">e</a>
</body>
</html>


index頁面(也就是那個內容比較多,想要直接定位的頁面):

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>分頁面</title>
</head>
<body>
</body>
<divstyle="height:500px;background:#CCC;"id="a">aaa</div>
<divstyle="height:500px;background:#DDD;"id="b">bbb</div>
<divstyle="height:500px;background:#EEE;"id="c">ccc</div>
<divstyle="height:500px;background:#ccc;"id="d">ddd</div>
<divstyle="height:500px;background:#ddd;"id="e">eee</div>
<divstyle="height:500px;background:#eee;"id="f">fff</div>
</html>

『伍』 在js中怎麼設置滾動條滾動的距離

如果使用jquery的話,可以這樣寫:

$(window).bind("scroll", function(){
var top = $(this).scrollTop(); // 當前窗口的滾動距離
});

如果使用原生js,可以這樣寫(摘自網上的):

/**
* 獲取滾動條距離頂端的距離
* @return {}支持IE6
*/
function getScrollTop() {
var scrollPos;
if (window.pageYOffset) {
scrollPos = window.pageYOffset; }
else if (document.compatMode && document.compatMode != 'BackCompat')
{ scrollPos = document.documentElement.scrollTop; }
else if (document.body) { scrollPos = document.body.scrollTop; }
return scrollPos;
}

『陸』 javascript中怎麼設置滾動條的最大滾動高度

滾動條是加在元素上的樣式
滾動條的高度是根據元素的高度來決定的
所以可以改變元素的高度,或者嵌套來實現
如可以在當前元素中嵌套一個元素設置為你需要的高度

『柒』 怎麼用JS得到頁面的縱向滾動高度呢

簡單點可以通過jquery來實現
scrollTop(offset) 方法返回或設置匹配元素的滾動條的垂直位置。
offset 指的是滾動條相對於其頂部的偏移。
如果該方法未設置參數,則返回以像素計的相對滾動條頂部的偏移。

『捌』 js如何獲取滾動條的高度

給你貼兩復個JS函數,專門用來獲取制網頁滾動高度和滾動寬度的://獲取網頁縱向滾動高度function
getScrollTop(){
var
D
=
document;
return
Math.max(D.body.scrollTop,
D.documentElement.scrollTop)}//獲取網頁橫向滾動寬度function
getScrollLeft(){
var
D
=
document;
return
Math.max(D.body.scrollLeft,
D.documentElement.scrollLeft)}應該可以解決你的問題。
查看原帖>>

『玖』 JS或者Jquery如何取得橫向和縱向滾動條的最大可以滾動的值

需要准備的材料分別有:電腦、html編輯器、瀏覽器。

1、首先,打開html編輯回器,新建html文件,例如:答index.html,並引入jquery。

『拾』 js獲取滾動條距離瀏覽器頂部高度高度,改變導航css

if(document.documentElement&&document.documentElement.scrollTop)
{
scrollTop=document.documentElement.scrollTop;
}
elseif(document.body)
{
scrollTop=document.body.scrollTop;
}
if(scrollTop>50)
{
document.getElementById('obj').style.opacity='0';
}

閱讀全文

與js滾動條高度相關的資料

熱點內容
word文件如何批量插入蓋章 瀏覽:548
jscheckbox 瀏覽:338
pics規則文件 瀏覽:644
如何從數據中找出問題和機會 瀏覽:668
寫作投稿在哪個網站好 瀏覽:895
絕代雙驕版本 瀏覽:380
手機app在哪裡找的對象靠譜嗎 瀏覽:919
win10文件默認顯示ck方式 瀏覽:829
如何更改桌面文件圖標 瀏覽:418
word2010如何去掉背景 瀏覽:632
adp文件如何打開 瀏覽:531
ug編程怎麼導出零件 瀏覽:586
asp在線文件管理系統 瀏覽:468
tks文件如何分解 瀏覽:132
java7tmd32位 瀏覽:49
網路公司關鍵詞 瀏覽:925
vivo手機的便簽文件夾是哪個 瀏覽:672
win10升級助手未激活 瀏覽:530
瀏覽器保存密碼在哪個文件 瀏覽:691
sitemap代碼 瀏覽:108

友情鏈接