kn007的个人博客
♥ You are here: Home > > > 解决js在有滚动页面锚动画毫秒数中无法移动问题

解决js在有滚动页面锚动画毫秒数中无法移动问题

by | 24 Comments

在发表评论时(或者使用上下导航栏),有时想看上面(或下面)的画面(页面),有时我都鼠标滚轮滚动上去了,硬会被js动画拉回来到评论页面,相当无奈及不爽!

所以加了下面这段jQuery的js,使得当鼠标滚轮滚动时,中断移动动画

$body=(window.opera)?(document.compatMode=="CSS1Compat"?$('html'):$('body')):$('html,body');
if($.browser.mozilla){$body.bind("DOMMouseScroll",function(){$body.stop();});}else{$body.bind("mousewheel",function(){$body.stop();});}

 ajax评论的分页加载分页js失败,正在尝试中。。。思考中。。。


用了lazyload(非伪lazyload)目前。

好吧 ,为了照顾某些同学因为网速慢,看起来图片没有加载(实际是在读取),把这一功能暂时取消。。。囧死了

 

转载请注明转自:kn007的个人博客的《解决js在有滚动页面锚动画毫秒数中无法移动问题

donate
有所帮助?
Tags: , , ,

Comments

24 Comments立即评论
Loading...
  1. LV4回复

    沙发坐一下~~很爽~~

    1. MOD回复
  2. 板凳坐一下~~很不爽~~

    1. MOD回复
  3. 还真是能折腾...话说成功了能通用不?我也给加上。

    1. MOD回复

      @Uncle.E: 上面那段js是通用的。你可以试试,用那个上下导航栏按一下,然后鼠标滚轮一滚就中断了

  4. LV4回复

    越折腾,越厉害,啥时候自己弄个主题?show下!

    1. MOD回复

      @Nemo: 我ps不行,懒得画。

  5. 这个主最要的还是需要一方面主机给力 另一方面自己的主题做好优化! 特效都是要有一定的度的!

    1. MOD回复

      @所谓刚子: 嗯。

  6. 我也是用了lazyload

    1. MOD回复

      @Win8迷: 测试了下,伪lazyload,前台没显示,后台加载,当你滚动直接显示。

  7. 你这标题也取得的太拗口了····

    1. MOD回复

      @PS笔刷吧: 是有点,不想太简洁。。。 :evil: 其实用一句话,鼠标中键取消js页面滚动。

  8. lazyload这个是什么插件 能实现什么功能

    1. MOD回复

      @wiyi.me: 对图片进行延迟加载,当鼠标滚动当前图片上方一点,开始加载。所以能减轻服务器负担,并且增加速度。。。
      伪lazyload也同样,但是他没有延迟加载,而是全部不显示,但鼠标滚动到位置,他才显示图片。

  9. 对了 我想把弄个返回顶部底部按钮 不知道要怎么实现呢

    1. MOD回复

      @wiyi.me: 找一个图标(有上有下),或这两个图标,一个上一个下(甚至可以3个图标或一个实现上下,跳转评论),然后使用js hook指定位置,实现上下。
      用$("html,body").animate({scrollTop:''}来控制屏幕滚动

    2. @kn007: 可我是个代码忙 js hook什么都不懂 能否教下我具体该添加那些代码符 js什么的!

    3. MOD回复

      @wiyi.me: 额,上班,在外面,如果急的话,自己百度下吧。也不是很难

    4. @kn007: 暂时不急 你有空在教下我吧

    5. MOD回复

      @wiyi.me: http://blog.e-520.com.cn/archives/2088.html 找了个帖子,自己看下呗

  10. LV5回复

    表示有这种情况么 :o :o 勿PIA

    1. MOD回复

      @Xider: 有啊,很多啊

icon_wink.gificon_neutral.gificon_mad.gificon_twisted.gificon_smile.gificon_eek.gificon_sad.gificon_rolleyes.gificon_razz.gificon_redface.gificon_surprised.gificon_mrgreen.gificon_lol.gificon_idea.gificon_biggrin.gificon_evil.gificon_cry.gificon_cool.gificon_arrow.gificon_confused.gificon_question.gificon_exclaim.gif