javascript - js共通ニュースの連続スクロール
我想大声告诉你
我想大声告诉你 2017-05-19 10:40:12
0
3
607

ここでスクロールが途切れるのはなぜですか?

リーリー
我想大声告诉你
我想大声告诉你

全員に返信(3)
世界只因有你

より直感的にするため。 。いくつかの CSS 属性を追加します

リーリー

それでは、連続スクロールができない理由について説明します:

間違った offsetTop を使用したためです

offsetTop は、offsetParent で指定された要素の現在の要素からの相対距離の上限です。 。ここでは要素 marqueecont を参照していますが、offsetParent が指定されていない場合、marqueecont.offsetTop は marqueecont の上辺と 最も外側のボディの間の相対距離 になります。

この時点では、marqueecont.offsetTop は 100 (境界線を追加すると 102 になります)、上部に 100 の高さの p があるためです...

実際、マーキーコントを完全にスクロールするのに必要な高さは 189 です... 100 スクロールすると 0 に戻り、当然不連続になります。 。

変更の通常の効果を直接確認するには:

リーリー

最後に、HTML 構造の先頭にある p は冗長すぎます。 。 ifを上記に変更すると上位100pが削除可能になります

いいねを押す +0
Ty80

コードが長すぎるので、現象をGIFとして記録してもらえますか?

いいねを押す +0
大家讲道理

こちら http://www.cnblogs.com/seven_... をご覧になることをお勧めします
この身長は似すぎてちょっとわかりにくいです(涙)

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート