https://preview-7649-ng-zorro-antd.surge.sh/2163.62cd6a9745671d57.js

1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[2163],{2163:(D,z,a)=>{a.r(z),a.d(z,{NzDemoAffixModule:()=>F});var x=a(610),U=a(1928),f=a(1932),r=a(3616),s=a(2587);const h=[f.j,r.sL,s.on];var d=a(5341),n=a(4650),c=a(6506),m=a(1240),A=a(8751),Z=a(9412),g=a(488);let l=(()=>{class o{constructor(){this.offsetTop=10,this.nzOffsetBottom=10}setOffsetTop(){this.offsetTop+=10}setOffsetBottom(){this.nzOffsetBottom+=10}}return o.\u0275fac=function(e){return new(e||o)},o.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-affix-basic"]],decls:9,vars:2,consts:[[3,"nzOffsetTop"],["nz-button","","nzType","primary",3,"click"],[3,"nzOffsetBottom","click"],["nz-button","","nzType","primary"]],template:function(e,u){1&e&&(n.TgZ(0,"nz-affix",0)(1,"button",1),n.NdJ("click",function(){return u.setOffsetTop()}),n.TgZ(2,"span"),n._uU(3,"Affix top"),n.qZA()()(),n._UZ(4,"br"),n.TgZ(5,"nz-affix",2),n.NdJ("click",function(){return u.setOffsetBottom()}),n.TgZ(6,"button",3)(7,"span"),n._uU(8,"Affix bottom"),n.qZA()()()),2&e&&(n.Q6J("nzOffsetTop",u.offsetTop),n.xp6(5),n.Q6J("nzOffsetBottom",u.nzOffsetBottom))},dependencies:[f.$,r.ix,Z.w,g.dQ],encapsulation:2}),o})(),T=(()=>{class o{onChange(e){console.log(e)}}return o.\u0275fac=function(e){return new(e||o)},o.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-affix-on-change"]],decls:4,vars:1,consts:[[3,"nzOffsetTop","nzChange"],["nz-button",""]],template:function(e,u){1&e&&(n.TgZ(0,"nz-affix",0),n.NdJ("nzChange",function(p){return u.onChange(p)}),n.TgZ(1,"button",1)(2,"span"),n._uU(3,"120px to affix top"),n.qZA()()()),2&e&&n.Q6J("nzOffsetTop",120)},dependencies:[f.$,r.ix,Z.w,g.dQ],encapsulation:2}),o})(),_=(()=>{class o{}return o.\u0275fac=function(e){return new(e||o)},o.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-affix-target"]],decls:7,vars:2,consts:[[1,"scrollable-container"],["target",""],[1,"background"],["id","affix-container-target",3,"nzTarget"],["nz-button","",3,"nzType"]],template:function(e,u){if(1&e&&(n.TgZ(0,"div",0,1)(2,"div",2)(3,"nz-affix",3)(4,"button",4)(5,"span"),n._uU(6,"Fixed at the top of container"),n.qZA()()()()()),2&e){const i=n.MAs(1);n.xp6(3),n.Q6J("nzTarget",i),n.xp6(1),n.Q6J("nzType","primary")}},dependencies:[f.$,r.ix,Z.w,g.dQ],styles:[".scrollable-container[_ngcontent-%COMP%]{height:100px;overflow-y:scroll}.background[_ngcontent-%COMP%]{padding-top:60px;height:300px;background-image:url(//zos.alipayobjects.com/rmsportal/RmjwQiJorKyobvI.jpg)}"]}),o})(),q=(()=>{class o{constructor(){this.expanded=!1}goLink(e){window&&(window.location.hash=e)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(e=>{e.nzExpanded=this.expanded,e.expandCode(this.expanded),e.check()})}}return o.\u0275fac=function(e){return new(e||o)},o.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-affix"]],viewQuery:function(e,u){if(1&e&&n.Gf(d.G,5),2&e){let i;n.iGM(i=n.CRH())&&(u.codeBoxes=i)}},decls:221,vars:19,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-affix-demo-basic","nzTitle","\u57fa\u672c"],["nzHref","#components-affix-demo-on-change","nzTitle","\u56fa\u5b9a\u72b6\u6001\u6539\u53d8\u7684\u56de\u8c03"],["nzHref","#components-affix-demo-target","nzTitle","\u6eda\u52a8\u5bb9\u5668"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/affix/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","\u4f55\u65f6\u4f7f\u7528"],["onclick","window.location.hash = '\u4f55\u65f6\u4f7f\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5c55\u5f00\u5168\u90e8\u4ee3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57fa\u672c","nzSelector","nz-demo-affix-basic","nzGenerateCommand","ng g ng-zorro-antd:affix-basic <name>","nzComponentName","NzDemoAffixBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u6eda\u52a8\u5bb9\u5668","nzSelector","nz-demo-affix-target","nzGenerateCommand","ng g ng-zorro-antd:affix-target <name>","nzComponentName","NzDemoAffixTargetComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u56fa\u5b9a\u72b6\u6001\u6539\u53d8\u7684\u56de\u8c03","nzSelector","nz-demo-affix-on-change","nzGenerateCommand","ng g ng-zorro-antd:affix-on-change <name>","nzComponentName","NzDemoAffixOnChangeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-affix"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-affix'",1,"anchor"],[1,"language-jsx"],[1,"token","tag"],[1,"token","style-attr","language-css"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","property"],[1,"token","number"],[1,"token","operator"]],template:function(e,u){1&e&&(n.TgZ(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.NdJ("nzClick",function(p){return u.goLink(p)}),n._UZ(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5),n.qZA()(),n.TgZ(7,"section",6)(8,"h1"),n._uU(9,"Affix"),n.TgZ(10,"span",7),n._uU(11,"\u56fa\u9489"),n.qZA(),n._UZ(12,"span",8),n.TgZ(13,"a",9),n._UZ(14,"span",10),n.qZA()(),n.TgZ(15,"section",6),n.IAx(),n.TgZ(16,"p"),n._uU(17,"\u5c06\u9875\u9762\u5143\u7d20\u9489\u5728\u53ef\u89c6\u8303\u56f4\u3002"),n.qZA(),n.TgZ(18,"h2",11)(19,"span"),n._uU(20,"\u4f55\u65f6\u4f7f\u7528"),n.qZA(),n.TgZ(21,"a",12),n._uU(22,"#"),n.qZA()(),n.TgZ(23,"p"),n._uU(24,"\u5f53\u5185\u5bb9\u533a\u57df\u6bd4\u8f83\u957f\uff0c\u9700\u8981\u6eda\u52a8\u9875\u9762\u65f6\uff0c\u8fd9\u90e8\u5206\u5185\u5bb9\u5bf9\u5e94\u7684\u64cd\u4f5c\u6216\u8005\u5bfc\u822a\u9700\u8981\u5728\u6eda\u52a8\u8303\u56f4\u5185\u59cb\u7ec8\u5c55\u73b0\u3002\u5e38\u7528\u4e8e\u4fa7\u8fb9\u83dc\u5355\u548c\u6309\u94ae\u7ec4\u5408\u3002"),n.qZA(),n.TgZ(25,"p"),n._uU(26,"\u9875\u9762\u53ef\u89c6\u8303\u56f4\u8fc7\u5c0f\u65f6\uff0c\u614e\u7528\u6b64\u529f\u80fd\u4ee5\u514d\u906e\u6321\u9875\u9762\u5185\u5bb9\u3002"),n.qZA(),n.TgZ(27,"pre",13)(28,"code")(29,"span",14),n._uU(30,"import"),n.qZA(),n._uU(31," "),n.TgZ(32,"span",15),n._uU(33,"{"),n.qZA(),n._uU(34," NzAffixModule "),n.TgZ(35,"span",15),n._uU(36,"}"),n.qZA(),n._uU(37," "),n.TgZ(38,"span",14),n._uU(39,"from"),n.qZA(),n._uU(40," "),n.TgZ(41,"span",16),n._uU(42,"'ng-zorro-antd/affix'"),n.qZA(),n.TgZ(43,"span",15),n._uU(44,";"),n.qZA()()(),n.fQ9(),n.qZA(),n.TgZ(45,"h2")(46,"span"),n._uU(47,"\u4ee3\u7801\u6f14\u793a"),n.qZA(),n.TgZ(48,"span",17),n.NdJ("

1click",function(){return u.expandAllCode()}),n.qZA()()(),n.TgZ(49,"div",18)(50,"div",19)(51,"nz-code-box",20),n._UZ(52,"nz-demo-affix-basic",21),n.TgZ(53,"div",22),n.IAx(),n.TgZ(54,"p"),n._uU(55,"\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(56,"nz-code-box",23),n._UZ(57,"nz-demo-affix-target",21),n.TgZ(58,"div",22),n.IAx(),n.TgZ(59,"p"),n._uU(60,"\u7528 "),n.TgZ(61,"code"),n._uU(62,"nzTarget"),n.qZA(),n._uU(63," \u8bbe\u7f6e "),n.TgZ(64,"code"),n._uU(65,"nz-affix"),n.qZA(),n._uU(66," \u9700\u8981\u76d1\u542c\u5176\u6eda\u52a8\u4e8b\u4ef6\u7684\u5143\u7d20\uff0c\u9ed8\u8ba4\u4e3a "),n.TgZ(67,"code"),n._uU(68,"window"),n.qZA(),n._uU(69,"\u3002"),n.qZA(),n.fQ9(),n.qZA()()(),n.TgZ(70,"div",19)(71,"nz-code-box",24),n._UZ(72,"nz-demo-affix-on-change",21),n.TgZ(73,"div",22),n.IAx(),n.TgZ(74,"p"),n._uU(75,"\u53ef\u4ee5\u83b7\u5f97\u662f\u5426\u56fa\u5b9a\u7684\u72b6\u6001\u3002"),n.qZA(),n.fQ9(),n.qZA()()()(),n.TgZ(76,"section",25),n.IAx(),n.TgZ(77,"h2",26)(78,"span"),n._uU(79,"API"),n.qZA(),n.TgZ(80,"a",27),n._uU(81,"#"),n.qZA()(),n.TgZ(82,"h3",28)(83,"span"),n._uU(84,"nz-affix"),n.qZA(),n.TgZ(85,"label",29),n._uU(86,"component"),n.qZA(),n.TgZ(87,"a",30),n._uU(88,"#"),n.qZA()(),n.TgZ(89,"table")(90,"thead")(91,"tr")(92,"th"),n._uU(93,"\u6210\u5458"),n.qZA(),n.TgZ(94,"th"),n._uU(95,"\u8bf4\u660e"),n.qZA(),n.TgZ(96,"th"),n._uU(97,"\u7c7b\u578b"),n.qZA(),n.TgZ(98,"th"),n._uU(99,"\u9ed8\u8ba4\u503c"),n.qZA(),n.TgZ(100,"th"),n._uU(101,"\u5168\u5c40\u914d\u7f6e"),n.qZA()()(),n.TgZ(102,"tbody")(103,"tr")(104,"td")(105,"code"),n._uU(106,"[nzOffsetBottom]"),n.qZA()(),n.TgZ(107,"td"),n._uU(108,"\u8ddd\u79bb\u7a97\u53e3\u5e95\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1"),n.qZA(),n.TgZ(109,"td")(110,"code"),n._uU(111,"number"),n.qZA()(),n.TgZ(112,"td"),n._uU(113,"-"),n.qZA(),n.TgZ(114,"td"),n._uU(115,"\u2705"),n.qZA()(),n.TgZ(116,"tr")(117,"td")(118,"code"),n._uU(119,"[nzOffsetTop]"),n.qZA()(),n.TgZ(120,"td"),n._uU(121,"\u8ddd\u79bb\u7a97\u53e3\u9876\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1"),n.qZA(),n.TgZ(122,"td")(123,"code"),n._uU(124,"number"),n.qZA()(),n.TgZ(125,"td")(126,"code"),n._uU(127,"0"),n.qZA()(),n.TgZ(128,"td"),n._uU(129,"\u2705"),n.qZA()(),n.TgZ(130,"tr")(131,"td")(132,"code"),n._uU(133,"[nzTarget]"),n.qZA()(),n.TgZ(134,"td"),n._uU(135,"\u8bbe\u7f6e "),n.TgZ(136,"code"),n._uU(137,"nz-affix"),n.qZA(),n._uU(138," \u9700\u8981\u76d1\u542c\u5176\u6eda\u52a8\u4e8b\u4ef6\u7684\u5143\u7d20\uff0c\u503c\u4e3a\u4e00\u4e2a\u8fd4\u56de\u5bf9\u5e94 DOM \u5143\u7d20\u7684\u51fd\u6570"),n.qZA(),n.TgZ(139,"td")(140,"code"),n._uU(141,"string | HTMLElement"),n.qZA()(),n.TgZ(142,"td")(143,"code"),n._uU(144,"window"),n.qZA()(),n._UZ(145,"td"),n.qZA(),n.TgZ(146,"tr")(147,"td")(148,"code"),n._uU(149,"(nzChange)"),n.qZA()(),n.TgZ(150,"td"),n._uU(151,"\u56fa\u5b9a\u72b6\u6001\u6539\u53d8\u65f6\u89e6\u53d1\u7684\u56de\u8c03\u51fd\u6570"),n.qZA(),n.TgZ(152,"td")(153,"code"),n._uU(154,"EventEmitter<boolean>"),n.qZA()(),n.TgZ(155,"td"),n._uU(156,"-"),n.qZA(),n._UZ(157,"td"),n.qZA()()(),n.TgZ(158,"p")(159,"strong"),n._uU(160,"\u6ce8\u610f\uff1a"),n.qZA(),n.TgZ(161,"code"),n._uU(162,"nz-affix"),n.qZA(),n._uU(163," \u5185\u7684\u5143\u7d20\u4e0d\u8981\u4f7f\u7528\u7edd\u5bf9\u5b9a\u4f4d\uff0c\u5982\u9700\u8981\u7edd\u5bf9\u5b9a\u4f4d\u7684\u6548\u679c\uff0c\u53ef\u4ee5\u76f4\u63a5\u8bbe\u7f6e "),n.TgZ(164,"code"),n._uU(165,"nz-affix"),n.qZA(),n._uU(166," \u4e3a\u7edd\u5bf9\u5b9a\u4f4d\uff1a"),n.qZA(),n.TgZ(167,"pre",31)(168,"code")(169,"span",32)(170,"span",32)(171,"span",15),n._uU(172,"<"),n.qZA(),n._uU(173,"nz-affix"),n.qZA(),n.TgZ(174,"span",33)(175,"span",34),n._uU(176," "),n.TgZ(177,"span",34),n._uU(178,"style"),n.qZA()(),n.TgZ(179,"span",15),n._uU(180,'="'),n.qZA(),n.TgZ(181,"span",35)(182,"span",36),n._uU(183,"position"),n.qZA(),n.TgZ(184,"span",15),n._uU(185,":"),n.qZA(),n._uU(186," absolute"),n.TgZ(187,"span",15),n._uU(188,";"),n.qZA(),n._uU(189," "),n.TgZ(190,"span",36),n._uU(191,"top"),n.qZA(),n.TgZ(192,"span",15),n._uU(193,":"),n.qZA(),n._uU(194," "),n.TgZ(195,"span",37),n._uU(196,"10"),n.qZA(),n._uU(197,"px, "),n.TgZ(198,"span",36),n._uU(199,"left"),n.qZA(),n.TgZ(200,"span",15),n._uU(201,":"),n.qZA(),n._uU(202," "),n.TgZ(203,"span",37),n._uU(204,"10"),n.qZA(),n._uU(205,"px"),n.qZA(),n.TgZ(206,"span",15),n._uU(207,'"'),n.qZA()(),n.TgZ(208,"span",15),n._uU(209,">"),n.qZA()(),n._uU(210,"\n  "),n.TgZ(211,"span",38),n._uU(212,"..."),n.qZA(),n._uU(213,"\n"),n.TgZ(214,"span",32)(215,"span",32)(216,"span",15),n._uU(217,"</"),n.qZA(),n._uU(218,"nz-affix"),n.qZA(),n.TgZ(219,"span",15),n._uU(220,">"),n.qZA()()()(),n.fQ9(),n.qZA()()),2&e&&(n.xp6(1),n.Q6J("nzOffsetTop",16),n.xp6(1),n.Q6J("nzAffix",!1),n.xp6(47),n.Q6J("nzGutter",16),n.xp6(1),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-affix-demo-basic")("nzLink","components-affix-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/

1affix/demo/basic.md"),n.xp6(5),n.Q6J("nzId","components-affix-demo-target")("nzLink","components-affix-demo-target")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/affix/demo/target.md"),n.xp6(14),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-affix-demo-on-change")("nzLink","components-affix-demo-on-change")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/affix/demo/on-change.md"))},dependencies:[d.G,s.IT,s.Fp,f.$,c.t3,c.SK,m.SY,A.Ls,Z.w,l,T,_],encapsulation:2}),o})(),C=(()=>{class o{constructor(){this.expanded=!1}goLink(e){window&&(window.location.hash=e)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(e=>{e.nzExpanded=this.expanded,e.expandCode(this.expanded),e.check()})}}return o.\u0275fac=function(e){return new(e||o)},o.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-affix"]],viewQuery:function(e,u){if(1&e&&n.Gf(d.G,5),2&e){let i;n.iGM(i=n.CRH())&&(u.codeBoxes=i)}},decls:221,vars:19,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-affix-demo-basic","nzTitle","Basic"],["nzHref","#components-affix-demo-on-change","nzTitle","Callback"],["nzHref","#components-affix-demo-target","nzTitle","Container to scroll."],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/affix/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-affix-basic","nzGenerateCommand","ng g ng-zorro-antd:affix-basic <name>","nzComponentName","NzDemoAffixBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Container to scroll.","nzSelector","nz-demo-affix-target","nzGenerateCommand","ng g ng-zorro-antd:affix-target <name>","nzComponentName","NzDemoAffixTargetComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Callback","nzSelector","nz-demo-affix-on-change","nzGenerateCommand","ng g ng-zorro-antd:affix-on-change <name>","nzComponentName","NzDemoAffixOnChangeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-affix"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-affix'",1,"anchor"],[1,"language-jsx"],[1,"token","tag"],[1,"token","style-attr","language-css"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","property"],[1,"token","number"],[1,"token","operator"]],template:function(e,u){1&e&&(n.TgZ(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.NdJ("nzClick",function(p){return u.goLink(p)}),n._UZ(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5),n.qZA()(),n.TgZ(7,"section",6)(8,"h1"),n._uU(9,"Affix"),n._UZ(10,"span",7)(11,"span",8),n.TgZ(12,"a",9),n._UZ(13,"span",10),n.qZA()(),n.TgZ(14,"section",6),n.IAx(),n.TgZ(15,"p"),n._uU(16,"Make an element stick to viewport."),n.qZA(),n.TgZ(17,"h2",11)(18,"span"),n._uU(19,"When To Use"),n.qZA(),n.TgZ(20,"a",12),n._uU(21,"#"),n.qZA()(),n.TgZ(22,"p"),n._uU(23,"When user browses a long web page, some content need to stick to the viewport. This is common for menus and actions."),n.qZA(),n.TgZ(24,"p"),n._uU(25,"Please note that Affix should not cover other content on the page, especially when the size of the viewport is small."),n.qZA(),n.TgZ(26,"pre",13)(27,"code")(28,"span",14),n._uU(29,"import"),n.qZA(),n._uU(30," "),n.TgZ(31,"span",15),n._uU(32,"{"),n.qZA(),n._uU(33," NzAffixModule "),n.TgZ(34,"span",15),n._uU(35,"}"),n.qZA(),n._uU(36," "),n.TgZ(37,"span",14),n._uU(38,"from"),n.qZA(),n._uU(39," "),n.TgZ(40,"span",16),n._uU(41,"'ng-zorro-antd/affix'"),n.qZA(),n.TgZ(42,"span",15),n._uU(43,";"),n.qZA()()(),n.fQ9(),n.qZA(),n.TgZ(44,"h2")(45,"span"),n._uU(46,"Examples"),n.qZA(),n.TgZ(47,"span",17),n.NdJ("

1click",function(){return u.expandAllCode()}),n.qZA()()(),n.TgZ(48,"div",18)(49,"div",19)(50,"nz-code-box",20),n._UZ(51,"nz-demo-affix-basic",21),n.TgZ(52,"div",22),n.IAx(),n.TgZ(53,"p"),n._uU(54,"The simplest usage."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(55,"nz-code-box",23),n._UZ(56,"nz-demo-affix-target",21),n.TgZ(57,"div",22),n.IAx(),n.TgZ(58,"p"),n._uU(59,"Set a "),n.TgZ(60,"code"),n._uU(61,"nzTarget"),n.qZA(),n._uU(62," for 'nz-affix', which is listen to scroll event of target element (default is "),n.TgZ(63,"code"),n._uU(64,"window"),n.qZA(),n._uU(65,")."),n.qZA(),n.fQ9(),n.qZA()()(),n.TgZ(66,"div",19)(67,"nz-code-box",24),n._UZ(68,"nz-demo-affix-on-change",21),n.TgZ(69,"div",22),n.IAx(),n.TgZ(70,"p"),n._uU(71,"Callback with affixed state."),n.qZA(),n.fQ9(),n.qZA()()()(),n.TgZ(72,"section",25),n.IAx(),n.TgZ(73,"h2",26)(74,"span"),n._uU(75,"API"),n.qZA(),n.TgZ(76,"a",27),n._uU(77,"#"),n.qZA()(),n.TgZ(78,"h3",28)(79,"span"),n._uU(80,"nz-affix"),n.qZA(),n.TgZ(81,"label",29),n._uU(82,"component"),n.qZA(),n.TgZ(83,"a",30),n._uU(84,"#"),n.qZA()(),n.TgZ(85,"table")(86,"thead")(87,"tr")(88,"th"),n._uU(89,"Property"),n.qZA(),n.TgZ(90,"th"),n._uU(91,"Description"),n.qZA(),n.TgZ(92,"th"),n._uU(93,"Type"),n.qZA(),n.TgZ(94,"th"),n._uU(95,"Default"),n.qZA(),n.TgZ(96,"th"),n._uU(97,"Global Config"),n.qZA()()(),n.TgZ(98,"tbody")(99,"tr")(100,"td")(101,"code"),n._uU(102,"[nzOffsetBottom]"),n.qZA()(),n.TgZ(103,"td"),n._uU(104,"Pixels to offset from bottom when calculating position of scroll"),n.qZA(),n.TgZ(105,"td")(106,"code"),n._uU(107,"number"),n.qZA()(),n.TgZ(108,"td"),n._uU(109,"-"),n.qZA(),n.TgZ(110,"td"),n._uU(111,"\u2705"),n.qZA()(),n.TgZ(112,"tr")(113,"td")(114,"code"),n._uU(115,"[nzOffsetTop]"),n.qZA()(),n.TgZ(116,"td"),n._uU(117,"Pixels to offset from top when calculating position of scroll"),n.qZA(),n.TgZ(118,"td")(119,"code"),n._uU(120,"number"),n.qZA()(),n.TgZ(121,"td")(122,"code"),n._uU(123,"0"),n.qZA()(),n.TgZ(124,"td"),n._uU(125,"\u2705"),n.qZA()(),n.TgZ(126,"tr")(127,"td")(128,"code"),n._uU(129,"[nzTarget]"),n.qZA()(),n.TgZ(130,"td"),n._uU(131,"specifies the scrollable area dom node"),n.qZA(),n.TgZ(132,"td")(133,"code"),n._uU(134,"string | HTMLElement"),n.qZA()(),n.TgZ(135,"td")(136,"code"),n._uU(137,"window"),n.qZA()(),n._UZ(138,"td"),n.qZA(),n.TgZ(139,"tr")(140,"td")(141,"code"),n._uU(142,"(nzChange)"),n.qZA()(),n.TgZ(143,"td"),n._uU(144,"Callback for when affix state is changed"),n.qZA(),n.TgZ(145,"td")(146,"code"),n._uU(147,"EventEmitter<boolean>"),n.qZA()(),n.TgZ(148,"td"),n._uU(149,"-"),n.qZA(),n._UZ(150,"td"),n.qZA()()(),n.TgZ(151,"p")(152,"strong"),n._uU(153,"Note:"),n.qZA(),n._uU(154," Children of "),n.TgZ(155,"code"),n._uU(156,"nz-affix"),n.qZA(),n._uU(157," can not be "),n.TgZ(158,"code"),n._uU(159,"position: absolute"),n.qZA(),n._uU(160,", but you can set "),n.TgZ(161,"code"),n._uU(162,"nz-affix"),n.qZA(),n._uU(163," as "),n.TgZ(164,"code"),n._uU(165,"position: absolute"),n.qZA(),n._uU(166,":"),n.qZA(),n.TgZ(167,"pre",31)(168,"code")(169,"span",32)(170,"span",32)(171,"span",15),n._uU(172,"<"),n.qZA(),n._uU(173,"nz-affix"),n.qZA(),n.TgZ(174,"span",33)(175,"span",34),n._uU(176," "),n.TgZ(177,"span",34),n._uU(178,"style"),n.qZA()(),n.TgZ(179,"span",15),n._uU(180,'="'),n.qZA(),n.TgZ(181,"span",35)(182,"span",36),n._uU(183,"position"),n.qZA(),n.TgZ(184,"span",15),n._uU(185,":"),n.qZA(),n._uU(186," absolute"),n.TgZ(187,"span",15),n._uU(188,";"),n.qZA(),n._uU(189," "),n.TgZ(190,"span",36),n._uU(191,"top"),n.qZA(),n.TgZ(192,"span",15),n._uU(193,":"),n.qZA(),n._uU(194," "),n.TgZ(195,"span",37),n._uU(196,"10"),n.qZA(),n._uU(197,"px, "),n.TgZ(198,"span",36),n._uU(199,"left"),n.qZA(),n.TgZ(200,"span",15),n._uU(201,":"),n.qZA(),n._uU(202," "),n.TgZ(203,"span",37),n._uU(204,"10"),n.qZA(),n._uU(205,"px"),n.qZA(),n.TgZ(206,"span",15),n._uU(207,'"'),n.qZA()(),n.TgZ(208,"span",15),n._uU(209,">"),n.qZA()(),n._uU(210,"\n  "),n.TgZ(211,"span",38),n._uU(212,"..."),n.qZA(),n._uU(213,"\n"),n.TgZ(214,"span",32)(215,"span",32)(216,"span",15),n._uU(217,"</"),n.qZA(),n._uU(218,"nz-affix"),n.qZA(),n.TgZ(219,"span",15),n._uU(220,">"),n.qZA()()()(),n.fQ9(),n.qZA()()),2&e&&(n.xp6(1),n.Q6J("nzOffsetTop",16),n.xp6(1),n.Q6J("nzAffix",!1),n.xp6(46),n.Q6J("nzGutter",16),n.xp6(1),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-affix-demo-basic")("nzLink","components-affix-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/

1affix/demo/basic.md"),n.xp6(5),n.Q6J("nzId","components-affix-demo-target")("nzLink","components-affix-demo-target")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/affix/demo/target.md"),n.xp6(11),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-affix-demo-on-change")("nzLink","components-affix-demo-on-change")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/affix/demo/on-change.md"))},dependencies:[d.G,s.IT,s.Fp,f.$,c.t3,c.SK,m.SY,A.Ls,Z.w,l,T,_],encapsulation:2}),o})(),F=(()=>{class o{}return o.\u0275fac=function(e){return new(e||o)},o.\u0275mod=n.oAB({type:o}),o.\u0275inj=n.cJS({imports:[U.G,h,x.Bz.forChild([{path:"en",component:C},{path:"zh",component:q}])]}),o})()}}]);