滑动后显示按钮以向下滑动标题

时间:2016-07-09 02:02:53

标签: javascript jquery html css

我正在创建我的网站,我遇到了问题。 在我的页面顶部有我的标题,在其中我的导航 当我向下滚动页面并且标题不在可见窗口中时,我想用一个按钮向下滑动(从顶部)另一个DIV(然后固定到顶部并始终可见)。当用户点击按钮时,我的标题必须向下滑动。

如果用户滚动回到我的页面顶部,标题会进入可见窗口,我的固定DIV按钮必须消失。

我希望你能理解我非常糟糕的英语,并希望你能帮助我。

3 个答案:

答案 0 :(得分:0)

我为你创造了一个工作小提琴

https://jsfiddle.net/ps4952ss/5/

<img id="post_like_btn_<?php echo $post_info['id']; ?>" class="post_like_btn" 
<?php $like_result = data_like($dbc, $user_info['id']);
  while($like_info = mysqli_fetch_assoc($like_result)){ 
    if($post_info['id'] == $like_info['post_id'])
      { echo 'src="img/like/like_active.png"';
      }  else{echo 'src="img/like/like_dark.png"'}?>>

答案 1 :(得分:0)

我认为您想要使用StickUp,这将使事情变得简单快捷。你可以从Github得到它,网址是https://github.com/LiranCohen/stickUp,我希望这有助于......

答案 2 :(得分:0)

我创建了一张图片,显示了我想要的内容。

Click to see the picture

  1. 用户看到顶部的页面 - 一切正常
  2. 现在用户向下滚动并且标题上升并且不再位于可见区域。在这一点上触发了......
  3. ...当用户点击触发器时,标题会向下滑动并因触发器而向上滑动。
  4. 如果用户滚动到顶部,则触发器向上滑动,我们再次进入阶段1