> 일일 프로그램 > HTML 지식 > Mip에서 빠른 반환 구성 요소를 사용하는 방법

Mip에서 빠른 반환 구성 요소를 사용하는 방법

藏色散人
풀어 주다: 2018-11-06 16:37:41
원래의
4424명이 탐색했습니다.

本篇文章主要给大家介绍MIP中快速回到顶部组件的使用。

MIP即移动网页加速器。MIP中快速回到顶部组件也就是mip-gototop 快速回顶,添加快速回顶按钮,点击回到页面顶部。

关于快速回到顶部的效果,我们之前也介绍过用jQuery实现回到顶部效果,感兴趣的朋友也可以简单的了解下。

更多mip内容详情推荐参考手册:《MIP文档手册

快速回到顶部的组件(mip-gototop 快速回顶)代码示例如下:

<mip-fixed type="gototop">
    <mip-gototop threshold=&#39;300&#39;>
    </mip-gototop>
    </mip-fixed>
로그인 후 복사

注意,我们需要在mip文件中引入以下js脚本。

<script src="https://c.mipcdn.com/static/v1/mip-gototop/mip-gototop.js"> </script>
로그인 후 복사

预览效果如下图所示:

Mip에서 빠른 반환 구성 요소를 사용하는 방법

其中threshold属性,表示显示按钮时页面已经滚动的高度。这里的值我们设置为300,也就是说当页面滚动到300的高度时,回到顶部的按钮才会出现。

而threshold属性不设置特定高度数值的话,默认情况下值为200.

本篇文章就是关于MIP中快速回到顶部组件基础使用介绍,非常简单易懂,希望对需要的朋友有所帮助!那么更多常见的MIP组件,如轮播图组件内联框架组件折叠菜单组件App推广下载组件Mip表单组件等,也有给大家介绍过,可供大家参考学习。

위 내용은 Mip에서 빠른 반환 구성 요소를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿