{"id":5906,"date":"2024-04-14T12:44:09","date_gmt":"2024-04-14T04:44:09","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5906"},"modified":"2024-04-14T12:44:09","modified_gmt":"2024-04-14T04:44:09","slug":"construct-a-scroll-progression-indicator","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/zh\/construct-a-scroll-progression-indicator\/","title":{"rendered":"\u5efa\u7acb\u6efe\u52d5\u9032\u5ea6\u6307\u793a\u5668"},"content":{"rendered":"
\n

\u6372\u52d5\u9032\u5ea6\u6307\u793a\u5668\u53ef\u5354\u52a9\u4f7f\u7528\u8005\u8ffd\u8e64\u4ed6\u5011\u5728\u9801\u9762\u4e0a\u7684\u4f4d\u7f6e\u3002\u00a0<\/p>\n

\u5728\u672c\u6559\u7a0b\u4e2d\uff1a<\/strong><\/p>\n

    \n
  1. \u5236\u5b9a\u9032\u5ea6\u689d<\/li>\n
  2. \u5efa\u7acb\u6efe\u52d5\u89f8\u767c\u5668<\/li>\n
  3. \u7d44\u7e54\u6efe\u52d5\u52d5\u756b<\/li>\n
  4. \u5c01\u9762\u6539\u52d5\u8d77\u6e90<\/li>\n<\/ol>\n

    \u5236\u5b9a\u9032\u5ea6\u689d<\/h2>\n
      \n
    1. \u751f\u6210\u4e00\u500b \u5206\u5340\u584a<\/strong><\/li>\n
    2. \u7d66\u5b83\u8cbc\u4e0a\u6a19\u7c64<\/li>\n
    3. \u8a2d\u5b9a\u80cc\u666f\u984f\u8272\u4ee5\u7372\u5f97\u66f4\u597d\u7684\u53ef\u898b\u6027<\/li>\n
    4. \u5c07\u5176\u653e\u7f6e\u5728\u60a8\u60f3\u8981\u7684\u4f4d\u7f6e<\/li>\n
    5. \u70ba\u5176\u6307\u5b9a\u5bec\u5ea6 100%<\/li>\n
    6. \u5206\u914d\u9ad8\u5ea6\uff08\u4f8b\u5982\uff0c10 \u50cf\u7d20\uff09<\/li>\n
    7. \u5c07\u5176\u653e\u7f6e\u5728\u8996\u7a97\u7684\u5de6\u4e0a\u89d2<\/li>\n
    8. \u5206\u914d\u8db3\u5920\u9ad8\u7684 z-index \u503c\u4ee5\u78ba\u4fdd\u5176\u4fdd\u6301\u5728\u9802\u90e8\u00a0<\/li>\n<\/ol>\n

      \u5efa\u7acb\u6efe\u52d5\u89f8\u767c\u5668<\/h2>\n

      \u4f86\u81ea \u9801\u9762\u89f8\u767c <\/strong>\u9078\u55ae\u5167\u7684 \u4e92\u52d5<\/strong> \u9762\u677f\uff0c\u9078\u64c7 \u7576\u9801\u9762\u6efe\u52d5\u6642<\/strong><\/p>\n

      \u9019\u88e1\u7684\u6240\u6709\u90fd\u662f\u5b83\u7684\uff01\u5982\u6b64\u7c21\u55ae\u3002<\/p>\n

      \u7d44\u7e54\u6efe\u52d5\u52d5\u756b<\/h2>\n
        \n
      1. \u5167 \u6efe\u52d5\u6642<\/strong> \u9078\u55ae\u4e2d\u7684 \u4e92\u52d5<\/strong> \u9762\u677f\uff0c\u9078\u64c7 \u64ad\u653e\u6efe\u52d5\u52d5\u756b<\/strong><\/li>\n
      2. \u6bd7\u9130 \u6efe\u52d5\u52d5\u756b<\/strong>\uff0c\u9ede\u9078\u52a0\u6cd5\u7b26\u865f<\/li>\n
      3. \u70ba\u5176\u547d\u540d\uff08\u4f8b\u5982\u201c\u6efe\u52d5\u9032\u5ea6\u201d\uff09<\/li>\n
      4. \u78ba\u4fdd\u9078\u64c7\u4e86\u60a8\u7684\u5143\u7d20\uff0c\u7136\u5f8c\u6309\u4e00\u4e0b 0% \u8655\u7684\u52a0\u6cd5\u7b26\u865f\u4e26\u9078\u64c7 \u898f\u6a21<\/strong> \u5f9e\u6e05\u55ae\u4e2d<\/li>\n
      5. \u4e0b\u9762 \u898f\u6a21<\/strong>\uff0c\u4fee\u6539x\u8ef8\u4f4d\u7f6e\u70ba0<\/li>\n
      6. \u9ede\u9078 100% \u53ca\u4e0b\u65b9\u7684\u9032\u5ea6\u6b04 \u898f\u6a21<\/strong> \u5c07 x \u8ef8\u4f4d\u7f6e\u5207\u63db\u70ba 1<\/li>\n<\/ol>\n

        \u5c01\u9762\u6539\u52d5\u8d77\u6e90<\/h2>\n
          \n
        1. \u5728\u88e1\u9762 \u98a8\u683c<\/strong> \u9762\u677f\uff0c\u6372\u52d5\u5230 \u6548\u679c<\/strong><\/li>\n
        2. \u6309 \u5176\u4ed6\u9078\u9805<\/strong> \u65c1\u908a\u7684\u5716\u793a\uff08\u7701\u7565\u865f\uff09 2D \u548c 3D \u8b8a\u63db<\/strong><\/li>\n
        3. \u5206\u914d \u8d77\u6e90<\/strong> \u5411\u5de6\u8f49<\/li>\n<\/ol>\n<\/div>","protected":false},"excerpt":{"rendered":"\u5efa\u7acb\u4e00\u500b\u6c34\u5e73\u9032\u5ea6\u6307\u793a\u5668\uff0c\u96a8\u8457\u8a2a\u5ba2\u5411\u4e0b\u6372\u52d5\u9801\u9762\u800c\u7e2e\u653e\u3002","protected":false},"author":2,"featured_media":5907,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[301],"tags":[],"class_list":{"0":"post-5906","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-interactions-animations","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts\/5906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/comments?post=5906"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts\/5906\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/media\/5907"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/media?parent=5906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/categories?post=5906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/tags?post=5906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}