GithubHelp home page GithubHelp logo

Comments (4)

ATQQ avatar ATQQ commented on June 3, 2024

了解的 应该只用调整样式就可以 我看一下

from sugar-blog.

ATQQ avatar ATQQ commented on June 3, 2024

Kapture 2024-01-03 at 21 22 03

你看是这种效果吗,这回有一个问题,如果你卡片内容比较长,固定的话 下面的内容没法显示呀

from sugar-blog.

zxxj avatar zxxj commented on June 3, 2024

Kapture 2024-01-03 at 21 22 03 Kapture 2024-01-03 at 21 22 03

你看是这种效果吗,这回有一个问题,如果你卡片内容比较长,固定的话 下面的内容没法显示呀

是的, 这就是我想要的效果, 根据你的回答我想法是,为精选文章/友情链接/标签设置明确的高度,超出高度时显示滚动条,感觉我这样的操作有点不太好,但我目前只有这一个想法.

image

style.scss
image

from sugar-blog.

ATQQ avatar ATQQ commented on June 3, 2024

PC 的固定你加下面 这段样式就可以了

@media screen and (min-width: 768px){
  #VPContent div.blog-info-wrapper{
    position: relative !important;
    width: 300px;
  }

  #VPContent div.blog-info{
    position: fixed !important;
    /* top 根据自己的实际情况调整 */
    /* top: 200px; */
  }

  /* 其它的你根据实际的dom结构调整你想要的高度滚动啥的即可 */
}

from sugar-blog.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.