Question

是否有任何可用于角度2位置的填充物：粘性。我已经能够找到一些，但大多数都是基于jquery的，似乎没有可用于角度2的实现：

我需要知道角度为2的样本用法，

对于Javascript，它如下：

var stickyElements = document.getElementsByClassName('sticky');

for (var i = stickyElements.length - 1; i >= 0; i--) {
    Stickyfill.add(stickyElements[i]);
}

Answer 1

我将它添加为angular 1.4和npm包“stickyfilljs”的指令：“^ 2.0.3”

<div class="top-bar-container stickyMenu" StickyPolyFill>

在我所拥有的组件中：

  .stickyMenu {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 0px;       
  }

不要忘记在CSS中包含sticky：

create table store_product
(
   id bigint auto_increment primary key,
   name varchar(32) not null,
   description varchar(500),
   imageSrc varchar(500),
   price double not null
);


create table store_user
(
    id bigint auto_increment primary key,
    name varchar(32) unique not null,
    password  varchar(16) not null,
    address varchar(100),
    postCode varchar(10),
    email varchar(50),
    homePhone varchar(32),
    cellPhone varchar(32),
    officePhone varchar(32),
    type varchar(20),
    workNo varchar(20)
);
insert into store_user values(1,'throne212','123',' XXX ','621000','throne212@xxx.com','123456789','123456789','123456789','common',null);
insert into store_user values(2,'admin','123','','','admin@xxx.com','','','','admin','001');


create table store_order(
    id bigint  primary key,
    orderNum varchar(17) unique not null,
    status integer not null,
    user_id bigint references store_user(id),
    cost double(10,2)
);

create table store_order_item(
    id bigint auto_increment primary key,
    amount integer not null,
    product_id bigint references store_product(id),
    order_id bigint references store_order(id)
);

Answer 2

它与Angular无关。你正在寻找的是一个Polyfill来处理浏览器中未实现的东西，它与jQuery或Angular没有直接关联，它只链接到你的浏览器。

您链接的那个很好，如果您使用的是Angular-CLI，只需将其添加到您的构建过程或资产数组中。

您只需将变量声明为任何元素即可使用它，将其添加到您的某个ts文件的开头：

    declare var Stickyfill: any;

位置：角度为2的粘性填充物

2 个答案: