ページをスクロールするときにフェードアウトしたい固定位置の記事要素があります。私は Javascript の経験があまりありませんが、いくつかの調査の後、このスクリプトをまとめました。
<script type="text/javascript">
//when the DOM has loaded
$(document).ready(function() {
//attach some code to the scroll event of the window object
//or whatever element(s) see http://docs.jquery.com/Selectors
$(window).scroll(function () {
var height = $('body').height();
var scrollTop = $('body').scrollTop();
var opacity = 1;
// do some math here, by placing some condition or formula
if(scrollTop > 400) {
opacity = 0.5;
}
//set the opacity of div id="someDivId"
$('#instructions').css('0', opacity);
});
});
</script>
これは機能していないようで、スクロールしても要素は完全に不透明のままです (Web サイトはhttp://edharrisondesign.com/pocketpictograms/です)。
理由はありますか?前もって感謝します。