老师您好,有一个问题咨询

老师您好,有一个问题咨询

<a href="#1"></a>

老师您好,a标签有默认行为点击会回到顶部,在#号后面添加数字或字母就不会点击跳转到顶部对吗?之前是有javascript:void(0)来阻止a标签默认.那么请问为什么视频老师讲解有些a标签href属性只有一个#号,其他又带数字或字母呢?#1 #2 #3 #0 老师和源代码中#号后面的数字不同是否有什么意义??求解,谢谢.

另外backTop这里这个功能刚开始没看问答,给兼容问题耗死了.

$(window).height();
$("body").scrollTop();
$("body,html").scrollTop();
$(document).scrollTop();

网上还找了其他兼容写法,最后发现都没办法.在Chrome浏览器下就是会出现兼容问题,这个问题无法解决对吗?

http://img1.sycdn.imooc.com//climg/5eeb6a0c09983a9413970621.jpg

$("body").scrollTop试过注释掉html表头<!doctype html>后就正常,然后$(window)又会出错,崩溃

在Edge浏览器下就是正常的,可是像表单默认属性又因为兼容问题没去掉,outline border.....

最后发现素材源代码是直接生成固定一个顶部按钮.而没有采用视频所讲解的方法.

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,解答如下:

1、是的,#后面添加数字、或者是字母就不会跳转页面了;

2、添加不同的数字、字母是表示不同的地址参数,例如:

http://img1.sycdn.imooc.com//climg/5eec17cf09d88f8403840056.jpg

http://img1.sycdn.imooc.com//climg/5eec17df094db71c03970041.jpg

目前可做简单了解,这个知识点到后面阶段会涉及到,表示url后面添加的参数哦~

3、关于<!DOCTYPE html>标签中,scrollTop的兼容,同学可以写成 var top=$('body,html').scrollTop();。

另, 现在使用IE浏览器的已经很少了,目前学习阶段可以暂时不考虑IE浏览器的兼容性问题。

4、感谢小伙伴的分享,进而总结学习方法,这一点非常棒!

祝学习愉快~

  • 贰壹叁Y 提问者 #1
    您好,那请问老师$(window).height()怎么兼容呢,在chrome浏览器下这个方法获取的数值是错的
    2020-06-19 09:54:46
提问者 贰壹叁Y 2020-06-18 23:00:20

这是UiSlider(3)

分享一下,有时候很坑,

http://img1.sycdn.imooc.com//climg/5eeb803909a970a009220744.jpg

明明按照老师的代码跟着敲的,一比一的对过,然后又console.log里面的一些参数,都是正常的,

控制台也没报错,就是点击btn_prev按钮没反应,我晕了,根本不知道错在哪里

然后在btn_prev这里加了debugger;

发现点击的时候不会跳转到debugger,事件没有触发,就想会不会敲错click字母?还是哪里没获取到?

找呀找,发现在html文件id里的left写成lfet,打的太快..................

如果各位朋友遇到问题,一定要懂得调试,懂得找出原因,比如debugger等,否则就会大海捞针,很容易打击信心........然后就放弃了>........

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师