【问题标题】:Refresh page on scroll to top of page滚动到页面顶部时刷新页面
【发布时间】:2013-04-04 14:12:32
【问题描述】:

我正在php 中创建一个网站,当用户滚动到页面顶部时,我希望将reload 划分为javascript

谁能通过示例指导我如何做到这一点?

【问题讨论】:

  • 我还没有做任何事情。
  • Harjeet,您可以尝试在页面中指定位置被触摸时调用指定函数。

标签: php javascript ajax autoload


【解决方案1】:

使用像 jQuery 这样的东西,你可以这样做;

$(window).scroll(function () { 

   var offset = 50;

   if( $(window).scrollTop() <= offset ) {

   // Reload your division    
   //

   }

 });

注意; .scroll 函数会触发您滚动的每个像素,对于浏览器加载,您可能需要为此添加超时

【讨论】:

  • 如果用户从顶部向下滚动几个像素,这将导致页面重新加载!确保用户首先向下滚动的附加逻辑对于使其正常运行是必要的。
【解决方案2】:

您需要注意 scrollTop 值。简单例子:

$(window).scroll(function () { 
    if ( $(window).scrollTop <= 30 ) {
        window.location.reload();
    }
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-02-13
    • 2011-04-09
    • 1970-01-01
    • 2021-09-07
    • 2023-03-04
    • 2015-03-01
    • 2015-07-13
    • 1970-01-01
    相关资源
    最近更新 更多