⑴ 在html的<style>中background-attachment:scroll;是什麼效果,為什麼沒有顯示

Background-attachment:設置背景圖片是否隨著文字移動而移動,還是固定在一個位置上。
scroll:背景圖像是隨對象內容滾動
fixed:背景圖像固定

⑵ 如何監測html元素的scroll bottom事件

在做js返回頂部的效果時,要監聽網頁滾動條滾動事件,這個事件就是:window.onscroll。當onscroll事件發生時,用js獲得頁面的scrollTop值,判斷scrollTop為一個設定值時,顯示「返回面部」

js網頁滾動條滾動事件

<style type="text/css">

#top_div{
position:fixed;
bottom:80px;
right:0;
display:none;
}
</style>
<script type="text/javascript">
window.onscroll = function(){
var t = document.documentElement.scrollTop || document.body.scrollTop;
var top_div = document.getElementById( "top_div" );
if( t >= 300 ) {
top_div.style.display = "inline";
} else {
top_div.style.display = "none";
}
}
</script>
<a name="top">頂部<a>
<div id="top_div"><a href="#top">返回頂部</a></div>
<br />
<br />
<div>
這里盡量多些<br />以便頁面出現滾動條,限於篇幅本文此處略去
</div>

例子語法解釋

在 style 標簽中首先定義 top_div css 屬性:position:fixed;display:none; 是關鍵

javascript 語句中,t 得到滾動條向下滾動的位置,|| 是為了更好兼容性考慮
當滾動超過 300 (像素)時,將 top_div css
display 屬性設置為顯示(inline),反之則隱藏(none)

必須設定 DOCTYPE 類型,在 IE 中才能利用 document.documentElement 來取得窗口的寬度及高度

⑶ html設置 overflow-x: scroll;屬性後怎麼讓指定位置定位到中間

如果頁面不夠長(至少窗口長度兩倍),那肯定滾動不到一半的位置。否則任何瀏覽器都不會產生誤差。下面的例子輸出 100 個 <p>,頁面載入的時候會滾動到第 51 個 <p>。<script type="text/javascript">window.onload = function() { // 測試:100 個 <p> 足夠使 scroll 長度大於 window 長度兩倍 for(var i = 1; i <= 100; i++) { document.body.innerHTML += "<p>" + i + "</p>"; } document.documentElement.scrollTop = 0; !function scrollToMiddle() { var scroll_height = 20, body = document.body, html = document.documentElement, mid = parseInt(Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight) / 2); var interval_scroll = setInterval(function() { if(html.scrollTop + scroll_height >= mid) { clearInterval(interval_scroll); html.scrollTop = mid; } else { html.scrollTop += scroll_height; } }, 10); }();};</script>

⑷ html中的scrolltop是什麼意思

scrolltop是jQuery中的一個方法,它可以設置 <div> 元素中滾動條的垂直偏移量,基本的用法是:

scrollTop() 方法返回或設置匹配元素的滾動條的垂直位置。

scroll top offset 指的是滾動條相對於其頂部的偏移。

如果該方法未設置參數,則返回以像素計的相對滾動條頂部的偏移。

工具原料:jQuery、編輯器、瀏覽器

1、在一個有內容的div中是吸納設置滾動條的偏移量和獲取偏移量的值,代碼如下:

<html>
<head>
<scripttype="text/javascript"src="/jquery/jquery.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("div").scrollTop(100);
});
$(".btn2").click(function(){
alert($("div").scrollTop()+"px");
});
});
</script>
</head>
<body>
<divstyle="border:1pxsolidblack;width:200px;height:200px;overflow:auto">
Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.
</div>
<buttonclass="btn1">把scrolltopoffset設置為100px</button>
<br/>
<buttonclass="btn2">獲得scrolltopoffset</button>
</body>
</html>

2、運行的效果如下:

⑸ html 怎麼去掉網頁的滾動條

1、首先打開前端開發工具hbuilder,新建一個HTML代碼頁面,在html代碼頁面上創建一個父<div>和一個子<div>,同時給這兩個div添加一個class分別為scroll-box、scroll。

⑹ html中滾動條怎麼設置

html 元素高度設置成定高,

css 屬性中的overflow設置成auto. 當元素內容溢出設定的高度時自動出現滾動條專.
css其他相關設定:
overflow-x 設置水屬平滾動條
overflow-y 設置垂直滾動條

⑺ html 中scroll 有什麼用

scroll是說滾動條長再0-21px范圍內

⑻ html 中 scroll 與 altornate 的區別

其實 他們的作用 都差不多 關於 MARQUEE的 具體介紹 你可以去看看這個地址
http://www.haohaoxx8.com/html/html/marquee.html?jdfwkey=1zfuk2