程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

滚动位置属性

发布于2023-12-26 22:13     阅读(245)     评论(0)     点赞(10)     收藏(2)


我一直在查看这个 angularJS 应用程序示例(https://akveo.github.io/blur-admin/)并注意到一个名为的属性在下面的 div 标签中scroll-position设置为"scrolled"

<div class="page-top clearfix" scroll-position="scrolled" max- 
height="50" ng-class="{'scrolled': scrolled}">

这是一个愚蠢的问题,但我不知道这个属性是什么以及来自哪里

完整片段如下

<div class="page-top clearfix" scroll-position="scrolled" max-height="50" ng-class="{'scrolled': scrolled}">
  <a href="#/dashboard" class="al-logo clearfix"><span>Blur</span>Admin</a>
  <a href class="collapse-menu-link ion-navicon" ba-sidebar-toggle-menu></a>

  <div class="search">
    <i class="ion-ios-search-strong" ng-click="startSearch()"></i>
    <input id="searchInput" type="text" placeholder="Search for...">
  </div>

  <div class="user-profile clearfix">
    <div class="al-user-profile" uib-dropdown>
      <a uib-dropdown-toggle class="profile-toggle-link">
        <img ng-src="{{::( 'Nasta' | profilePicture )}}">
      </a>
      <ul  class="top-dropdown-menu profile-dropdown" uib-dropdown-menu>
        <li><i class="dropdown-arr"></i></li>
        <li><a href="#/profile"><i class="fa fa-user"></i>Profile</a></li>
        <li><a href><i class="fa fa-cog"></i>Settings</a></li>
        <li><a href class="signout"><i class="fa fa-power-off"></i>Sign out</a></li>
      </ul>
    </div>
    <msg-center></msg-center>
  </div>
</div>

解决方案


对于 Angular 来说scroll-position="scrolled",是一个 Angular 属性指令。该指令具有独立的范围,该范围是该指令的本地范围。该指令可用于执行定义的功能。还有内置指令,如ng-modelng-valueng-class

欲了解更多信息:请访问Angular 指令




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/533293/495b4d886cfa8c60d496/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

10 0
收藏该文
已收藏

评论内容:(最多支持255个字符)