コメント:CSDNブログの模倣の機能は、ページの上部に戻る機能は2つの場所でのみ変更されています。速度を返す - >ゆっくりと戻るように変更し、上部のアイコンのタイミングに戻ります - >上部にない限り表示するように変更します。特定のコードは次のとおりです。興味のある友達はそれを参照できます。
修正された場所は2つだけです。、戻り速度 - >がゆっくりと戻るように変更されました。 (フラッシュバックであることが判明しました)
、上部のアイコンのタイミングに戻ります - >上部にない限り、表示に変更します。 (500pxでスクロールダウンした後に表示されることがわかります)
注:JSはHTMLの後に記述する必要があります。
HTML
<div>
<a href = "#" /> </a>
</div>
JavaScriptコード
<script type = "text/javascript">
$(function(){
var d_top = $( '#d-top');
document.onscroll = function(){
var scrtop =(document.body.scrolltop || document.documentelement.scrolltop);
if(scrtop> 500){
if(scrtop> 0){
d_top.show();
}それ以外{
d_top.hide();
}
}
$( '#d-top-a')。クリック(function(){
$( "html、body")。animate({scrolltop:0}、500);
// scrollto(0,0);
this.blur();
falseを返します。
});
});
</script>
CSSスタイル
#d-top {
位置:修正;
フロート:そうです;
z-index:10;
右:10px;
下:40px;
}
#d-top img {
幅:42px;
不透明:0.3;
}
img {
ボーダー:ミディアムなし;
}