elementui中Backtop使用详解

官网示例:


    
UP

注意:target属性是为了获取产生滚动条的dom元素,所以target属性里面的类,应该要精准指向产生滚动条的dom对象,要不然就无法生效,参考el-backtop组件源码:


 

根据源码中init()函数可知,当target未设置时,当前滚动操作对象默认为document.documentElement对象,即html根节点,当设置了target时,会根据target里面填写的类名去querySelector查找该元素,而且根据该类应只能精准查找到一个元素,注意querySelector和querySelectorAll的区别,前者只返回对应查找条件找到的第一个元素,所以target类名要精准且唯一,否则backtop组件则无效。

你可能感兴趣的:(elementui中Backtop使用详解)