{"id":114,"date":"2020-09-01T21:26:00","date_gmt":"2020-09-01T13:26:00","guid":{"rendered":"https:\/\/dulizao.com\/?p=114"},"modified":"2020-09-01T21:26:00","modified_gmt":"2020-09-01T13:26:00","slug":"element-ui-%e6%bb%9a%e5%8a%a8%e6%9d%a1%e7%bb%84%e4%bb%b6elscrollbar%e4%bf%ae%e6%94%b9-el-scrollbar__wrap%e5%92%8cel-scrollbar__view%e7%9a%84css%e5%b1%9e%e6%80%a7","status":"publish","type":"post","link":"https:\/\/dulizao.com\/index.php\/2020\/09\/01\/element-ui-%e6%bb%9a%e5%8a%a8%e6%9d%a1%e7%bb%84%e4%bb%b6elscrollbar%e4%bf%ae%e6%94%b9-el-scrollbar__wrap%e5%92%8cel-scrollbar__view%e7%9a%84css%e5%b1%9e%e6%80%a7\/","title":{"rendered":"Element UI\u2014\u2014\u6eda\u52a8\u6761\u7ec4\u4ef6(ElScrollBar)\u4fee\u6539.el-scrollbar__wrap\u548cel-scrollbar__view\u7684CSS\u5c5e\u6027"},"content":{"rendered":"\n<p><strong>el-scrollbar<\/strong>\uff1aElement UI\u9690\u85cf\u7ec4\u4ef6\u3002<\/p>\n\n\n\n<p>\u6ce8\u610f\u4e8b\u9879\uff1a<\/p>\n\n\n\n<p>1.el-scrollbar\u7684\u7236\u5c42\u8981\u6709\u56fa\u5b9a\u9ad8\u5ea6<\/p>\n\n\n\n<p>2.el-scrollbar\u7684\u9ad8\u5ea6\u8981\u8bbe\u6210100%<\/p>\n\n\n\n<p>3.\u5982\u679c\u51fa\u73b0\u6a2a\u6eda\u52a8\u6761\uff0c\u6dfb\u52a0<strong>overflow-x:hidden;<\/strong><\/p>\n\n\n\n<h1>\u95ee\u9898\u5206\u6790&nbsp;<\/h1>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>\u901a\u8fc7\u9605\u8bfb\u6e90\u7801\uff0c<code>scrollbar<\/code>\u7ec4\u4ef6\u66b4\u9732\u4e86&nbsp;<code>native<\/code>,&nbsp;<code>wrapStyle<\/code>,&nbsp;<code>wrapClass<\/code>,&nbsp;<code>viewClass<\/code>,&nbsp;<code>viewStyle<\/code>,&nbsp;<code>noresize<\/code>,&nbsp;<code>tag<\/code>&nbsp;\u8fd97\u4e2a props\u5c5e\u6027&nbsp;<\/p><\/blockquote>\n\n\n\n<div class=\"wp-container-1 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<pre class=\"wp-block-code\"><code>\nprops: {\n    native: Boolean,  \/\/ \u662f\u5426\u4f7f\u7528\u672c\u5730\uff0c\u8bbe\u4e3atrue\u5219\u4e0d\u4f1a\u542f\u7528element-ui\u81ea\u5b9a\u4e49\u7684\u6eda\u52a8\u6761\n    wrapStyle: {},  \/\/ \u5305\u88f9\u5c42\u81ea\u5b9a\u4e49\u6837\u5f0f\n    wrapClass: {},  \/\/ \u5305\u88f9\u5c42\u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\n    viewClass: {},  \/\/ \u53ef\u6eda\u52a8\u90e8\u5206\u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\n    viewStyle: {},  \/\/ \u53ef\u6eda\u52a8\u90e8\u5206\u81ea\u5b9a\u4e49\u6837\u5f0f\n    noresize: Boolean, \/\/ \u5982\u679c container \u5c3a\u5bf8\u4e0d\u4f1a\u53d1\u751f\u53d8\u5316\uff0c\u6700\u597d\u8bbe\u7f6e\u5b83\u53ef\u4ee5\u4f18\u5316\u6027\u80fd\n    tag: {  \/\/ \u751f\u6210\u7684\u6807\u7b7e\u7c7b\u578b\uff0c\u9ed8\u8ba4\u4f7f\u7528 `div`\u6807\u7b7e\u5305\u88f9\n      type: String,\n      default: 'div'\n    }\n}<\/code><\/pre>\n<\/div><\/div>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>\u6ce8\uff1a&nbsp;<code>wrapStyle\u548cviewStyle\u5fc5\u987b\u4ee5<strong>\u5206\u53f7;<\/strong>\u7ed3\u5c3e\u3002<\/code><\/p><\/blockquote>\n\n\n\n<h2> \u4ee3\u7801\u793a\u4f8b <\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;el-scrollbar \n      wrap-class=\"list\" wrap-style=\"overflow-x:hidden;\" \n      view-class=\"view-box\" view-style=\"font-weight: bold;height:100%;\" \n      :native=\"false\">\n        &lt;el-tree\n          class=\"tree\"\n          :data=\"menuItems\"\n          node-key=\"id\"\n          :default-expanded-keys=\"expandedKeys\"\n          :default-checked-keys=\"checkedKeys\"\n          :props=\"defaultProps\"\n          :expand-on-click-node=\"false\"\n          :render-content=\"renderContent\"\n        >\n        &lt;\/el-tree>\n&lt;\/el-scrollbar><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>el-scrollbar\uff1aElement UI\u9690\u85cf\u7ec4\u4ef6\u3002 \u6ce8\u610f\u4e8b\u9879\uff1a 1.el-scrollbar\u7684\u7236\u5c42\u8981\u6709\u56fa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/dulizao.com\/index.php\/wp-json\/wp\/v2\/posts\/114"}],"collection":[{"href":"https:\/\/dulizao.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dulizao.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dulizao.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dulizao.com\/index.php\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":2,"href":"https:\/\/dulizao.com\/index.php\/wp-json\/wp\/v2\/posts\/114\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/dulizao.com\/index.php\/wp-json\/wp\/v2\/posts\/114\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/dulizao.com\/index.php\/wp-json\/wp\/v2\/media?parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dulizao.com\/index.php\/wp-json\/wp\/v2\/categories?post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dulizao.com\/index.php\/wp-json\/wp\/v2\/tags?post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}