跳转至内容
  • 最新
  • 版块
  • 标签
  • 热门
  • 用户
  • 群组
  • 太微中文教程
  • 新插件投票看板
皮肤
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • 默认(不使用皮肤)
  • 不使用皮肤
折叠
太微中文论坛icon

太微中文展示

  1. 首页信息流
  2. 版块
  3. 讨论
  4. 在条目内部加侧边滑块实现长文网页式预览

在条目内部加侧边滑块实现长文网页式预览

已定时 已固定 已锁定 已移动 讨论
7 帖子 2 发布者 241 浏览 1 关注中
  • 从旧到新
  • 从新到旧
  • 最多赞同
回复
  • 在新帖中回复
登录后回复
此主题已被删除。只有拥有主题管理权限的用户可以查看。
  • dyp1121054136D 离线
    dyp1121054136D 离线
    dyp1121054136
    写于 最后由 编辑
    #1

    新建条目,添加以下代码,高度height数值可自由调节

    <div style="
    width: 100%; top:0px;
    height: 500px; 
    margin-top: -5px; 
    border: 0px; 
    overflow-x:hidden;
    overflow-y:auto;
    ">
     {{条目名称}}
    </div>
    
    1 条回复 最后回复
    0
    • dyp1121054136D 离线
      dyp1121054136D 离线
      dyp1121054136
      写于 最后由 编辑
      #2

      小技巧:可以当做阅读块插入其他条目中间

      机杼机 1 条回复 最后回复
      0
      • dyp1121054136D dyp1121054136

        小技巧:可以当做阅读块插入其他条目中间

        机杼机 离线
        机杼机 离线
        机杼
        写于 最后由 编辑
        #3

        @dyp1121054136

        <div style="
        width: 100%; top:0px;
        height: 500px; 
        margin-top: -5px; 
        border: 0px; 
        overflow-x:hidden;
        overflow-y:auto;
        ">
        <$transclude tiddler="HelloThere" mode="block"/>
        </div>
        

        改成用transclude微件形式会更好。因为直接双花括号好像会造成一些格式的丢失。

        52140372-b8d8-4b78-8bcc-55c33f95cddb-image.png

        这是使用transclude微件的效果。

        4e17d8f7-2163-4d90-b223-790be5e6c824-image.png

        这是直接使用双花括号的效果。


        但感觉这像是一个tiddlywiki的bug,理论上来说双花括号也应该递归传递样式的。不知道是为什么。

        dyp1121054136D 1 条回复 最后回复
        0
        • 机杼机 机杼

          @dyp1121054136

          <div style="
          width: 100%; top:0px;
          height: 500px; 
          margin-top: -5px; 
          border: 0px; 
          overflow-x:hidden;
          overflow-y:auto;
          ">
          <$transclude tiddler="HelloThere" mode="block"/>
          </div>
          

          改成用transclude微件形式会更好。因为直接双花括号好像会造成一些格式的丢失。

          52140372-b8d8-4b78-8bcc-55c33f95cddb-image.png

          这是使用transclude微件的效果。

          4e17d8f7-2163-4d90-b223-790be5e6c824-image.png

          这是直接使用双花括号的效果。


          但感觉这像是一个tiddlywiki的bug,理论上来说双花括号也应该递归传递样式的。不知道是为什么。

          dyp1121054136D 离线
          dyp1121054136D 离线
          dyp1121054136
          写于 最后由 编辑
          #4

          @机杼 感谢👍

          1 条回复 最后回复
          0
          • 机杼机 离线
            机杼机 离线
            机杼
            写于 最后由 编辑
            #5

            当然这些也可以包装成宏使用,避免写样式表内容了。

            1 条回复 最后回复
            0
            • dyp1121054136D 离线
              dyp1121054136D 离线
              dyp1121054136
              写于 最后由 dyp1121054136 编辑
              #6

              新用法:
              制作一个可以滚动的长目录钉在侧边栏
              加tag:$:/tags/SideBar

              <div style="
              width: 100%; top:0px;
              height: 100px; 
              margin-top: -5px; 
              border: 0px; 
              overflow-x:hidden;
              overflow-y:auto;
              ">
              <<list-links filter:"[tag[标签]]" type:"ol">>
              </div>
              
              1 条回复 最后回复
              0
              • dyp1121054136D 离线
                dyp1121054136D 离线
                dyp1121054136
                写于 最后由 编辑
                #7

                我还想要一个可以在每个条目底部向上弹出的目录,这对移动端阅读很有帮助。😊

                1 条回复 最后回复
                0
                回复
                • 在新帖中回复
                登录后回复
                • 从旧到新
                • 从新到旧
                • 最多赞同


                • 登录

                • 没有帐号? 注册

                • 登录或注册以进行搜索。
                Powered by NodeBB Contributors
                • 第一个帖子
                  最后一个帖子
                0
                • 最新
                • 版块
                • 标签
                • 热门
                • 用户
                • 群组
                • 太微中文教程
                • 新插件投票看板