將div元素固定於頁面指定位置程式碼例項
本章節分享一段簡單的程式碼例項,它可以將一個div元素固定於頁面的指定位置。
實現的原理非常的簡單,下面直接給出程式碼,如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> *{ margin:0px; padding:0px; } body{height:1200px;} .antzone{ width:50px; height:50px; background:green; position:fixed; right:50px; top:200px; } </style> </head> <body> <div class="antzone"></div> </body> </html>
上面的程式碼實現了我們的要求,使用position:fixed即可實現。
關於此定位的用法可以參閱position:fixed作用一章節。
相關文章
- css元素位置固定程式碼例項CSS
- css將div固定在網頁底部程式碼例項CSS網頁
- CSS實現div固定於網頁右下角例項程式碼CSS網頁
- css控制div元素旋轉指定角度程式碼例項CSS
- 獲取元素在頁面中的座標位置程式碼例項
- jQuery複製頁面元素程式碼例項jQuery
- 相容FireFox,IE,Chrome的DIV頁面位置固定FirefoxChrome
- 在指定位置插入一個新的li元素程式碼例項
- js獲取頁面中所有元素程式碼例項JS
- css匹配指定元素的子元素程式碼例項CSS
- javascript獲取指定元素父元素程式碼例項JavaScript
- jquery刪除指定元素程式碼例項jQuery
- css將元素固定於網頁底部CSS網頁
- jQuery獲取指定元素的父元素程式碼例項jQuery
- css獲取指定元素的兄弟元素程式碼例項CSS
- 獲取指定元素下所有li元素程式碼例項
- jquery刪除指定子元素程式碼例項jQuery
- javascript刪除指定子元素程式碼例項JavaScript
- css匹配指定行li元素程式碼例項CSS
- 設定div元素漸隱效果程式碼例項
- 使用jquery獲取指定元素的子元素程式碼例項jQuery
- 倒數計時指定時間頁面跳轉程式碼例項
- jQuery獲取指定的li元素程式碼例項jQuery
- js刪除指定的li元素程式碼例項JS
- js獲取元素在頁面中的座標程式碼例項JS
- jquery獲取指定元素下所有指定子元素的數目程式碼例項jQuery
- js獲取字串中指定位置字元程式碼例項JS字串字元
- js獲取字串指定位置字元效果程式碼例項JS字串字元
- jquery獲取指定型別子元素程式碼例項jQuery型別
- 刪除陣列中的指定元素例項程式碼陣列
- 獲取指定區間的li元素程式碼例項
- js點選平滑定位到指定元素程式碼例項JS
- js實現的使用鍵盤操作div位置程式碼例項JS
- javascript div元素彈性緩衝運動程式碼例項JavaScript
- javascript實現的交換li元素的位置程式碼例項JavaScript
- js通過拖動調整元素位置程式碼例項JS
- js管理頁面元素位置大小JS
- puppeteer 頁面爬取例項(元素遍歷)