本篇內(nèi)容介紹了“jquery如何實(shí)現(xiàn)頁面滾動(dòng)而元素位置不變”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

在興文等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站制作、成都做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需定制設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,營銷型網(wǎng)站,成都外貿(mào)網(wǎng)站建設(shè)公司,興文網(wǎng)站建設(shè)費(fèi)用合理。

兩種方法：1、使用css()給匹配元素添加固定定位樣式即可，語法“$(selector).css("position", "fixed")”。2、使用attr()設(shè)置style屬性，給匹配元素添加固定定位樣式即可，語法“$(selector).attr("style", "position: fixed;");”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.1版本、Dell G3電腦。

頁面滾動(dòng)而元素位置不變，可以通過給元素添加固定定位來實(shí)現(xiàn)。

固定定位（position:fixed）：

元素以相對瀏覽器窗口為基準(zhǔn)進(jìn)行定位的，無論怎樣移動(dòng)你的滑動(dòng)條，它都會(huì)固定在相對于瀏覽器窗口的固定位置，另外要注意，它的兄弟元素將會(huì)在位置排布上忽視它的存在。這個(gè)時(shí)候用的top，bottom，left，right也是相對于瀏覽器窗口而言的。

jquery給元素添加固定定位的兩種方式

1、使用css()

css() 方法返回或設(shè)置匹配的元素的一個(gè)或多個(gè)樣式屬性。

設(shè)置css樣式的語法

$(selector).css(name,value)

示例：

	
		
		
		
		
			h3.pos_abs {
				/* position: fixed; */
				left: 100px; /* 設(shè)置定位元素的左偏移值 */
				top: 80px; /* 設(shè)置定位元素的上偏移值 */
			}

			p {
				height: 50px;
				background-color: palegoldenrod;
			}

			p.p2 {
				margin-top: 100px;
			}
		
	
	
		這是需要固定定位的標(biāo)題
		
相對于瀏覽器窗口來對元素進(jìn)行定位
		相對于瀏覽器窗口來對元素進(jìn)行定位

		固定h3元素，讓其位置不變
	

2、使用attr()

attr() 方法設(shè)置被選元素的屬性和值。

$(selector).attr(attribute,value)

當(dāng)使用attr() 方法設(shè)置元素的style屬性，即可給元素添加固定定位樣式。

$(function() {
	$("button").click(function() {
		$(".pos_abs").attr("style", "position: fixed;");
	})
})

“jquery如何實(shí)現(xiàn)頁面滾動(dòng)而元素位置不變”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！