2017-10-30 19 views
0

私は右下隅にある "共有"リンクのようなものを入手したいと思います。 https://www.celine.com/enリンクをクリックした後に水平リストを表示するにはどうすればよいですか?

私はCSSを使用して何回も試みましたが、私はjavascript/jqueryを知らないので、実際にはあまりできません。

ありがとうございます!当初

+0

を0PXするためにそれを配置

.share-cont { position: absolute; right: -300px; } 

を与えることによって、行全体を隠す(HTTPSを[依頼する方法]をお読みください://質問をする前に。 –

+0

あなたはそれをはっきりと説明できますか? –

+0

右のコーナーにある共有ボタンの横に横に表示されるソーシャルリストを取得したいと思います。それをクリックした後、上記のウェブサイトのように – johnwhitson

答えて

1
<a href="#" class="share"> Share </a> 

<div class="share-cont"> 
    <!--List of social media buttons here--> 
</div> 

そして、共有ボタンをクリックするだけで、

$('.share').on('click', function() { 
    $(".share-cont").animate({'right': '0px'}, 'slow'); 
}); 
+0

ありがとうございました!共有ボタンの左側にソーシャルボタンを配置するにはどうすればよいですか? – johnwhitson

+0

cssの 'right'プロパティの値を変更します。 '$("。share-cont ")。animate({'right': '50px'}、 'slow');'あなたのために働くかもしれません。 – pmaddi

関連する問題