㈠ 用css怎麼設置div滾動條的樣式,可改變大小的
在css樣式中設置瀏覽器滾動條樣式操作步驟如下:
1.打開軟體,新建html文檔,如下圖紅框所示為新建界面。
㈡ html怎麼不顯示滾動條 但滑鼠滑輪可以控制向下滾動
1、完全隱藏 在boby里加入scroll=no,可隱藏滾動條; boby scroll=no
2、在不需要時隱藏 指當瀏覽器窗口寬度或高度大於頁面的寬或高時,不顯示滾動條;反之,則顯示; boby scroll=auto
3、樣式
1、完全隱藏
在<boby>里加入sroll="no",可隱藏滾動條;
2、在不需要時隱藏
指當瀏覽器窗口寬度或高度大於頁面的寬或高時,不顯示滾動條;反之,則顯示;3、樣式表方法
在<boby>里加入style="overflow-x:hidden ",可隱藏水平滾動條;加入style="overflow-y:hidden ",可隱藏垂直滾動條。
這種方法在頁面頭部為:<!DOTYPE html PUBLI "-//W3//DTD XHTML 10 Trsitiol//E" "">這種兼容模式下是不行的,其它的沒試過,最後終於找到了正確的方法:
被包含頁面里加入
<style>
html { overflow-x:hidden ; }
</style>
有一段解釋是這樣說的:body{ overflow-x:hidden ; }在標准 DTD 下是不可以的。
4、另一種方法
<style type="text/ss">
body {
overflow-x:hidden ; /*隱藏水平滾動條*/
overflow-y:hidden ; /*隱藏水平滾動條*/
}
</style>
此方法在頁面頭部為:<!DOTYPE html PUBLI "-//W3//DTD XHTML 10 Trsitiol//E" "">這種兼容模式下也是不行的。
<style type="text/ss">
html {
overflow-x:hidden ; /*隱藏水平滾動條*/
overflow-y:hidden ; /*隱藏水平滾動條*/
}
</style>
㈢ 如何讓div只有垂直滾動條
div有很多滾動條樣式,如果只要垂直的話,參考如下:
css寫法:
<DIV style="OVERFLOW-Y: auto;OVERFLOW-X:hidden;></DIV>。
js寫法:
div.style.overflow-x="hidden"。
DIV是層疊樣式表中的定位技術,全稱DIVision,即為劃分。有時可以稱其為圖層。DIV在編程中又叫做整除,即只得商的整數。 DIV元素是用來為HTML(標准通用標記語言下的一個應用)文檔內大塊(block-level)的內容提供結構和背景的元素。
擴展質料:
<div> 標簽定義 HTML 文檔中的分隔(DIVision)或部分(section)。div屬於web前端的學習內容,其中<div> 標簽常用於組合塊級元素,以便通過樣式表來對這些元素進行格式化。<div> 可定義文檔中的分區或節(division/section)。<div> 標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具,並且不使用任何格式與其關聯。如果用 id 或 class 來標記 <div>,那麼該標簽的作用會變得更加有效。
當我們使用 CSS-P 的時候, 我們主要把它用在 DIV(division)tag 上。當你把文字,圖像,或其他的放在 DIV 中,它可稱作為「DIV block」,或「DIV element」或「CSS-layer」,或乾脆叫「layer」。而中文我們把它稱作「層次」。所以當你以後看到這些名詞的時候,你就知道它們是指一段在 DIV 中的 HTML。
參考資料:DIV-網路
㈣ javascript 如何顯示滾動條
可以的,我剛剛試了
<div id="a" style='width:100px;height:100px;'>
dfasdfsa<br /><br /><br /><br /><br /><br />dfasdfsa<br /><br /><br /><br /><br /><br />dfasdfsa<br /><br /><br /><br /><br /><br />dfasdfsa<br />
</div>
<script>
document.getElementById("a").style.overflow = "auto";
</script>
1、你需要定義div的寬,高
2、getElementById你寫錯了
㈤ HTML頁面下面有滾動條怎麼回事
用ie6瀏覽有框架的xhtml頁面的時候,默認會水平和垂直滾動條會一起出現,這是ie6的一個bug,在firefox上是正常的,出現的原因是其對XHTML 1.0 transitional doctype的解釋缺陷。
㈥ 在網頁中如何設置滾動條的寬度
方法1:代碼:html
{
overflow-y:
scroll;
}
原理:強制顯示ie的垂直滾動條,而忽略水平滾動條優點:完全解決了這個問題,
允許你保持完整的XHTML
doctype.
缺點:即使頁面不需要垂直滾動條的時候也會出現垂直滾動條。方法2:代碼:html
{
overflow-x:
hidden;
overflow-y:
auto;
}
原理:隱藏橫向滾動,垂直滾動根據內容自適應優點:在視覺上解決了這個問題.在不必要的時候,
未強制垂直滾動條出現.缺點:只是隱藏了水平滾動條,如果頁面真正需要水平滾動條的時候,屏幕以外的內容會因為用戶無法水平滾動,而看不到。方法3:代碼:body
{
margin-right:
-15px;
margin-bottom:
-15px;
}
原理:這會在margin的水平和垂直方向上添加一個負值,
IE添加了該精確數值後,
便會去除對滾動條的需求假象.優點:在視覺上解決了這個問題.,垂直滾動根據內容自適應缺點:由於"人為創建"了15px的外邊距(margin),
所以無法使用該填充過的屏幕區域.
㈦ HTML怎麼添加滾動條
需要准備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
㈧ js如何控制整個頁面滾動條的位置
有兩種方法。
1、通過div的scrollTop變動控制垂直滾動條位置。通過div的scrollLeft變動控制水平滾動條位置。
示例:
<body>
//d1是外層div,帶滾動條
<div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'>
<div style='height:500px;width:500px;background:yellow'>2222</div>
</div>
</body>
<script>
document.getElementById('d1').scrollTop=100;//通過scrollTop設置滾動到100位置
document.getElementById('d1').scrollLeft=200;//通過scrollTop設置滾動到200位置
</script>
2、用html錨點
如下:
<ahref="#test">aaaaa</a>
<divid="test">lalallalalalala</div>
(8)前端滾動條擴展閱讀:
1、JavaScript是一種屬於網路的腳本語言,已經被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。Javascript腳本語言同其他語言一樣,有它自身的基本數據類型,表達式和算術運算符及程序的基本程序框架。Javascript提供了四種基本的數據類型和兩種特殊數據類型用來處理數據和文字。而變數提供存放信息的地方,表達式則可以完成較復雜的信息處理。
(1)、是一種解釋性腳本語言(代碼不進行預編譯)。
(2)、主要用來向HTML(標准通用標記語言下的一個應用)頁面添加交互行為。
(3)、可以直接嵌入HTML頁面,但寫成單獨的js文件有利於結構和行為的分離。
(4)、跨平台特性,在絕大多數瀏覽器的支持下,可以在多種平台下運行(如Windows、Linux、Mac、Android、iOS等)。
2、JavaScript腳本語言具有以下特點:
(1)、腳本語言。JavaScript是一種解釋型的腳本語言,C、C++等語言先編譯後執行,而JavaScript是在程序的運行過程中逐行進行解釋。
(2)、基於對象。JavaScript是一種基於對象的腳本語言,它不僅可以創建對象,也能使用現有的對象。
(3)、簡單。JavaScript語言中採用的是弱類型的變數類型,對使用的數據類型未做出嚴格的要求,是基於Java基本語句和控制的腳本語言,其設計簡單緊湊。
(4)、動態性。JavaScript是一種採用事件驅動的腳本語言,它不需要經過Web伺服器就可以對用戶的輸入做出響應。在訪問一個網頁時,滑鼠在網頁中進行滑鼠點擊或上下移、窗口移動等操作JavaScript都可直接對這些事件給出相應的響應。
(5)、跨平台性。JavaScript腳本語言不依賴於操作系統,僅需要瀏覽器的支持。因此一個JavaScript腳本在編寫後可以帶到任意機器上使用,前提上機器上的瀏覽器支 持JavaScript腳本語言,目前JavaScript已被大多數的瀏覽器所支持。
㈨ html 怎麼去掉網頁的滾動條
1、首先打開前端開發工具hbuilder,新建一個HTML代碼頁面,在html代碼頁面上創建一個父<div>和一個子<div>,同時給這兩個div添加一個class分別為scroll-box、scroll。
㈩ web前端開發:如何讓網頁隨滾動條下拉自動延伸。
可以利用滾動刷新,調用ajax實現,推薦使用jquery滾動刷新的插件,網上有許多,水平參差不齊。
樓主可以根據需要自己搜一下,至於使用方法。給你一篇文章,以作參考,至於能否管用。樓主需要自己揣摩下啦
http://www.zhangxinxu.com/wordpress/2010/11/jquery%E9%A1%B5%E9%9D%A2%E5%9B%BE%E7%89%87%E7%AD%89%E5%85%83%E7%B4%A0%E6%BB%9A%E5%8A%A8%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD%E5%AE%9E%E7%8E%B0/