Vuetify粘性标题工具栏

时间:2019-04-18 05:46:56

标签: vue.js vuejs2 vuetify.js

我使用glfwSetErrorCallback(errorCallback); if (!glfwInit()) { std::cerr << "Error: GLFW " << std::endl; exit(EXIT_FAILURE); } glfwWindowHint(GLFW_DEPTH_BITS, 16); glfwWindowHint(GLFW_TRANSPARENT_FRAMEBUFFER, GLFW_TRUE); glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3); glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3); glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE); glfwWindowHint(GLFW_OPENGL_FORWARD_COMPAT, GL_TRUE); glfwWindowHint(GLFW_SAMPLES, 4); const int Monitor_count = GetMonitors(); GLwindow = glfwCreateWindow( nWidth, // width nHeight, // height "OpenGL_Test", // window title NULL, NULL); if (!GLwindow) { glfwTerminate(); exit(EXIT_FAILURE); } glfwSwapInterval(1); //glfwShowWindow(GLwindow); if (glfwGetWindowAttrib(GLwindow, GLFW_TRANSPARENT_FRAMEBUFFER)) { // .. } glfwSetWindowOpacity(GLwindow, 0.0f); glfwMakeContextCurrent(GLwindow); glfwSetKeyCallback(GLwindow, keyCallback); glewExperimental = GL_TRUE; GLenum errorCode = glewInit(); ,但是当我向下滚动时,它消失了。基本上我想要一个粘性标题。

这基本上是我的代码。

if (!glfwInit()) {
    std::cerr << "Error: GLFW" << std::endl;
    exit(EXIT_FAILURE);
}
HDCC = GetDC(m_hWndCopy);
// HDC TDC = CreateCompatibleDC(HDCC);
HGLRC DC = wglCreateContext(HDCC);

GLuint pbo;
glGenBuffersARB(1, &pbo);     <<Error Here
glBindBufferARB(GL_PIXEL_PACK_BUFFER_ARB, pbo);

3 个答案:

答案 0 :(得分:2)

尝试此代码。

<v-app id="inspire">
    <div
      class="hide-overflow"
      style="position: relative;"
    >
      <v-toolbar
        color="teal lighten-3"
        dark
        scroll-off-screen
        scroll-target="#scrolling-techniques"
        dense
      >
        <v-toolbar-side-icon></v-toolbar-side-icon>
    <v-toolbar-title>Title</v-toolbar-title>
    <v-spacer></v-spacer>
    <v-toolbar-items class="hidden-sm-and-down">
      <v-btn flat>Link One</v-btn>
      <v-btn flat>Link Two</v-btn>
      <v-btn flat>Link Three</v-btn>
    </v-toolbar-items>
      </v-toolbar>

      <main id="scrolling-techniques" class="scroll-y"
            style="max-height: 625px;">
     <h1 v-for="n in 20" :key="n">{{n}}</h1>
    </main>
    </div>
  </v-app>

答案 1 :(得分:1)

您只需将fixed添加到v-toolbar即可确定位置,所以:

<v-toolbar dense fixed>

您可以查看文档here

答案 2 :(得分:0)

对于那些只想在上方或下方具有粘性元素的人, 您可能想尝试小吃吧

 <v-snackbar v-model="snackbar" timeout="-1" top app>
  jojojojojo asdfjasldf 
 </v-snackbar>