{"id":6346,"date":"2014-12-03T18:28:09","date_gmt":"2014-12-03T15:28:09","guid":{"rendered":"http:\/\/www.fwasl.com\/?p=6346"},"modified":"2025-09-02T16:06:36","modified_gmt":"2025-09-02T13:06:36","slug":"best-ways-to-use-sticky-headers","status":"publish","type":"post","link":"https:\/\/tjarb.com\/fwasl\/best-ways-to-use-sticky-headers\/","title":{"rendered":"\u0623\u0641\u0636\u0644 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0644\u0631\u0624\u0648\u0633 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u062b\u0628\u062a\u0629 (sticky headers)"},"content":{"rendered":"<p>\t\t\t\t<![CDATA[\u0631\u0624\u0648\u0633 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u062b\u0628\u062a\u0629\u00a0(sticky headers)\u00a0\u0646\u0645\u0637 \u062a\u0635\u0645\u064a\u0645 \u0634\u0627\u0626\u0639 \u062c\u062f\u0627 \u0627\u0644\u0623\u0646. \u0648\u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0644\u062a\u0642\u0644\u064a\u0644 \u062d\u0627\u062c\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0644\u062a\u0645\u0631\u064a\u0631 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0645\u0648\u0642\u0639\u0643. \u0643\u0645\u0627 \u0623\u0646\u0647\u0627 \u0648\u0633\u064a\u0644\u0629 \u0641\u0639\u0627\u0644\u0629 \u062c\u062f\u0627 \u0628\u0635\u0631\u064a\u0627 \u0644\u0644\u0627\u0634\u0627\u0631\u0629 \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0635\u0641\u062d \u0641\u064a \u0644\u0644\u0645\u0648\u0642\u0639. \u0648\u0645\u0639 \u0630\u0644\u0643 \u064a\u0645\u0643\u0646\u0647\u0627 \u0623\u0646 \u062a\u0623\u062e\u0630 \u062d\u064a\u0632 \u0643\u0628\u064a\u0631 \u0645\u0646 \u0627\u0644\u0634\u0627\u0634\u0629 \u0648\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0645\u062d\u0628\u0637\u0629 \u0627\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0635\u0641\u062d\u0629 \u0644\u0644\u0642\u0631\u0627\u0621\u0629 - \u0645\u062b\u0644 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0623\u0648 \u0627\u0644\u062a\u062f\u0648\u064a\u0646\u0627\u062a. \u0648\u064a\u0648\u062c\u062f \u0633\u0644\u0628\u064a\u0627\u062a \u0648\u0627\u064a\u062c\u0627\u0628\u064a\u0627\u062a \u0641\u064a \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627\u060c \u0644\u0630\u0627 \u0642\u0631\u0631 \u0628\u0646\u0641\u0633\u0643.\n\n\n<blockquote>\u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0631\u0624\u0648\u0633 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u062b\u0628\u062a\u0629\u00a0\u0644\u062a\u0642\u0644\u064a\u0644 \u062d\u0627\u062c\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0644\u062a\u0645\u0631\u064a\u0631 \u0645\u0646 \u0623\u062c\u0644 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639.<\/blockquote>\n\n\n\u0631\u0624\u0648\u0633 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u062b\u0628\u062a\u0629 (sticky headers) \u0647\u064a \u0646\u0645\u0637 \u062a\u0635\u0645\u064a\u0645 \u0634\u0627\u0626\u0639\u060c \u062d\u064a\u062b \u064a\u0648\u062c\u062f \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0641\u064a \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647. \u0639\u0644\u064a \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0627\u062e\u062a\u0641\u0627\u0621 \u0648\u062a\u0644\u0627\u0634\u064a \u0631\u0624\u0648\u0633 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u062b\u0628\u062a\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0623\u0633\u0641\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0638\u0647\u0648\u0631\u0647\u0627 \u0645\u0631\u0629 \u0623\u062e\u0631\u064a \u0639\u0646\u062f \u0628\u062f\u0623 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0623\u0639\u0644\u064a \u0627\u0644\u0635\u0641\u062d\u0629.\n\n\u0648\u062a\u0637\u0628\u064a\u0642 \u0622\u062e\u0631 \u0631\u0627\u0626\u0639 \u0647\u0648 \u062a\u0642\u0644\u064a\u0644 \u0627\u0631\u062a\u0641\u0627\u0639 \u062d\u062c\u0645 \u0631\u0623\u0633 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u062b\u0627\u0628\u062a \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0623\u0633\u0641\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0645\u0633\u0627\u062d\u0629 \u0623\u0643\u0628\u0631 \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0629. \u0648\u0646\u0645\u0637 \u0631\u0624\u0648\u0633 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u062b\u0628\u062a\u0629 (sticky headers) \u0647\u0648 \u0646\u0645\u0637 \u062c\u064a\u062f \u0648\u064a\u062d\u062a\u0627\u062c \u0644\u0644\u0633\u064a\u0627\u0642 \u0639\u0646\u062f \u062a\u0646\u0641\u064a\u0630\u0647 (context) . \u062a\u0623\u0643\u062f \u0645\u0646 \u0623\u0646 \u0644\u0647 \u0647\u062f\u0641 \u0648\u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0634\u0643\u0644 \u062c\u0645\u0627\u0644\u064a.\n\n<strong>\u0648\u0627\u0644\u064a\u0643\u0645 3 \u0623\u0645\u062b\u0644\u0629 \u0645\u0645\u064a\u0632\u064a\u0646 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0631\u0624\u0648\u0633 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u062b\u0628\u062a\u0629 (sticky headers)\u00a0<\/strong>\n\n[divider] [\/divider]\n\n\n<h2><a href=\"http:\/\/visage.co\/\" target=\"_blank\">01. Visage<\/a><\/h2>\n\n\n<img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-6347\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/visage.jpg\" alt=\"visage\" width=\"535\" height=\"353\" \/>\n\n\u0645\u0648\u0642\u0639 Visage \u0644\u062f\u064a\u0647 \u0631\u0623\u0633 \u0635\u0641\u062d\u0629 \u0645\u062b\u0628\u062a \u0648\u0627\u0644\u0630\u064a \u064a\u0635\u0628\u062d \u0627\u0631\u062a\u0641\u0627\u0639\u0647 \u0623\u0635\u063a\u0631 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0623\u0633\u0641\u0644 \u0628\u0639\u062f \u0627\u0648\u0644 \u0635\u0648\u0631\u0629\u060c \u0648\u064a\u0648\u062c\u062f \u0642\u0627\u0626\u0645\u0629 \u062c\u0627\u0646\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u064a \u062a\u0638\u0647\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u062a\u0646\u0642\u0644 \u0648\u062a\u0635\u0641\u062d \u0623\u0639\u0645\u0642 \u0648\u0623\u0643\u062b\u0631.\n\n[divider] [\/divider]\n\n\n<h2><a href=\"http:\/\/kinhr.com\/\" target=\"_blank\">02. Kin<\/a><\/h2>\n\n\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6348\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/HR-Kin.jpg\" alt=\"HR-Kin\" width=\"535\" height=\"260\" \/>\n\n\u0645\u0648\u0642\u0639 kinhr \u064a\u0633\u062a\u062e\u062f\u0645 \u0635\u0648\u0631\u0629 \u0643\u0628\u064a\u0631\u0629\u060c \u0648\u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0623\u0633\u0641\u0644 \u064a\u0646\u0632\u0644\u0642 \u0631\u0623\u0633 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u062b\u0628\u062a \u0648\u062a\u062a\u063a\u064a\u0631 \u0644\u0648\u0646 \u062e\u0644\u0641\u064a\u062a\u0647 \u0648\u0644\u0648\u0646 \u0627\u0644\u0632\u0631.\n\n[divider] [\/divider]\n\n\n<h2><a href=\"http:\/\/hammerhead.io\/\" target=\"_blank\">3.\u00a0Hammerhead<\/a><\/h2>\n\n\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6349\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/hammerhead.jpg\" alt=\"hammerhead\" width=\"535\" height=\"614\" \/>\n\n\u0645\u0648\u0642\u0639 hammerhead \u0644\u062f\u064a\u0647 \u0631\u0623\u0633 \u0635\u0641\u062d\u0629 \u0645\u062b\u0628\u062a \u064a\u062a\u0644\u0627\u0634\u064a \u0648\u064a\u062e\u062a\u0641\u064a \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0623\u0633\u063a\u0644 \u0648\u064a\u0638\u0647\u0631 \u0639\u0646\u062f \u0627\u0644\u062a\u0648\u0642\u0641 \u0639\u0646 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0623\u0648 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0623\u0639\u0644\u064a.]]>\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\t\t\t\t<![CDATA[]]>\t\t<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-6346","post","type-post","status-publish","format-standard","hentry","category-design"],"_links":{"self":[{"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/posts\/6346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/comments?post=6346"}],"version-history":[{"count":1,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/posts\/6346\/revisions"}],"predecessor-version":[{"id":10238,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/posts\/6346\/revisions\/10238"}],"wp:attachment":[{"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/media?parent=6346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/categories?post=6346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/tags?post=6346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}