zoukankan      html  css  js  c++  java
  • element-ui中backTop组件的使用

    其实官方示例给的挺明确的,只是我一开始自作聪明。。。

    把<template></template>给干掉了,然后就各种各样的不能实现,

    我总结下:

        1.首先给一个要返回顶部的地方,而且得是个有高度的

        例子: <div class='firset-herad></div> 这是我最外层的div,给.firset-herad设置一个高度,height:100%

        2.在<div class='firset-herad>中最上边写<template>

        例子:<div class='firset-herad'>

             <template>

              <el-backtop

                    target='.firset-herad' //触发滚动的对象

                    :right='40'       //距离右边的距离

                    :bottom='100'   //距离底部的距离

                    ;visibility-height='400'> //滚动高度达到此参数值才出现,控制显示与隐藏

               <div>

                <i class='el-icon-top'></i>  //我这里使用的element-ui中的图标当做按钮

               </div>

              </el-backtop>

             </template> 

           </div>

  • 相关阅读:
    08-JS中table隔行换色
    07-JS中 li 排序
    HTML DOM 事件
    JavaScript 事件
    jQuery事件函数
    JQuery与JS对象相互转换
    jQuery中的选择器
    jQuery实现放大镜特效
    java线程(2016-4-7)
    Java 线程的转换及状态
  • 原文地址:https://www.cnblogs.com/a973692898/p/13272763.html
Copyright © 2011-2022 走看看