iT邦幫忙

0

#問 視差滾動

  • 分享至 

  • xImage

參考外面網站練習的視差滾動,但卻跑不出效果,想問哪邊錯了qq

參考網站:https://www.tellustek.com/web-design/156-parallax-scrolling?fbclid=IwAR06R0LHd4jevsCHjvAlCRd-5gbNnz1jUB4ZeNYw42S5tJhQzxtsYV9ZNIc

position:fixed;是看網站裡小編打的程式碼跟著打的,想問為什麼要定住? 如果只是要浮動的效果不能用relative嗎

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="jquery-3.4.1.min.js"></script>
	<script src="jquery.stellar.min.js"></script>

<script> 
$(document).ready(function () { 
	$.stellar(); 
});
</script>

<style type="text/css">
	.box1{color:#FFFFFF;font-size:40px;top:300px;left:500px;position:fixed;}
	.allheight{height:1300px;background-color:#30345F}
</style>

</head>
<body>
	<div class="allheight">
	<div class="box1" data-stellar-ratio="0.2">words</div>
	</div>
</body>
</html>
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
dragonH
iT邦超人 5 級 ‧ 2019-09-02 15:15:24

codepen

jquery 只能用 3 以下的版本

用 3 會有 error

看他的 github 是知道有這問題

但不知道修了沒

看更多先前的回應...收起先前的回應...

請問為什麼不能用3以下的版本~ 我練習其他效果套這個版本的都可以的說

dragonH iT邦超人 5 級 ‧ 2019-09-02 15:36:21 檢舉

是 "只能用" 3 以下的版本

原因我沒看他的 source code 不知道

建議寫 js 時

用 browser 的 console 來輔助除錯

好><謝謝你~

dragonH iT邦超人 5 級 ‧ 2019-09-02 16:16:03 檢舉

/images/emoticon/emoticon82.gif

我要發表回答

立即登入回答