sticky

团队作业第三次—项目需求分析

限于喜欢 提交于 2020-04-06 08:31:30
这个作业属于哪个课程 2020春s班 这个作业要求在哪里 团队作业第三次—项目需求分析 团队名称 time masters 这个作业的目标 项目需求分析 作业正文 团队作业第三次 其他参考文献 无 1.整体计划安排 阶段 任务 具体时间 时间长度 第一阶段 参与系统/概要设计、数据库设计、进行知识储备、根据组员擅长方向分工深入学习app开发的前后端知识 3.31-4.12 2周 第二阶段 完成基本的数据库设计、编写基础能够满足使用的前端页面,同时继续学习app在锁屏方向上权限的开发 4.13-4.19 1周 第三阶段 完成登录注册、待办、待办集的前后端模块 4.20-4.26 1周 第四阶段 任务继续,完成数据统计、白名单、锁屏页面、同时完善上周内容 4.27-5.3 1周 第五阶段 任务继续,完成个人页面、团队专注、宠物兑换养成、同时完善上周工作 5.4-5.10 1周 第六阶段 完成个人信息修改、优化完成内容,优化前端界面美观 5.11-5.17 1周 第七阶段 整合程序,优化整个程序运行阶段 5.18-5.24 1周 第八阶段 测试程序非硬件以及非通信方面错误、测试程序的安全性、测试程序的性能需求,完善程序 5.25-5.31 1周 第九阶段 完善最终项目版本、总结开发经验 6.1-6.7 1周 2.作业分工 学号 工作内容 贡献率 041702303 统筹任务

运用tkinter做了一个播放音乐的工具(能显示歌词)

强颜欢笑 提交于 2020-02-27 14:19:26
运用tkinter做了一个播放音乐的工具(能显示歌词) 废话不多说,直接上代码吧! import tkinter as tk import time import requests import urllib.parse as parse import json import os from pygame import mixer from mutagen.mp3 import MP3 # 用来的到一个.mp3文件的时长 num=0 id_1=True def Get_Time(time_list): for i in range(len(time_list)): minute = time_list[i][1:3] second = time_list[i][4:6] h_second = time_list[i][7:9] time_list[i] = int(minute) * 60 + int(second) + float('0.' + h_second) return time_list def M_musci(music_name): print(music_name) keyword = parse.urlencode({'keyword': music_name}) keyword = keyword[keyword.find('=') + 1:] headers

problem with left sticky div inside a scrollable parent container

六眼飞鱼酱① 提交于 2020-02-14 20:29:31
问题 I have this problem - I have a container that contains some rows and in each row there is a sticky left column and then multiple other columns. Now in the example below this works for a little while but as you scroll the parent container the position sticky no longer works and it gets pushed along as you scroll. .container { overflow-x: scroll; } .row { display: flex; width: 100%; } .item { min-width: 173px; } .sticky { min-width: 250px; position: sticky; left: 0; background: red; } <div

position:sticky特性(坑)总结

巧了我就是萌 提交于 2020-02-13 03:14:30
1.sticky不会触发BFC, 2.z-index无效, 3.当父元素的height:100%时,页面滑动到一定高度之后sticky属性会失效。 4.父元素不能有overflow:hidden或者overflow:auto属性。 5.父元素高度不能低于sticky高度,必须指定top、bottom、left、right4个值之一 来源: CSDN 作者: huang100qi 链接: https://blog.csdn.net/huang100qi/article/details/104263430

Sticky header on mobile browser

自古美人都是妖i 提交于 2020-01-30 08:36:07
问题 I need a sticky header on a mobile browser. I'm currently using this jquery script: <script> $(function(){ var stickyHeader = $('#persist-wrap').offset().top; $(window).scroll(function(){ if( $(window).scrollTop() > stickyHeader ) { $('#persist-wrap').addClass("sticky"); } else { $('#persist-wrap').removeClass("sticky"); } }); }); </script> with this CSS code: .sticky { position: fixed; top: 0; } The header has an id of persist-wrap. This works fine on a desktop browser but not at all on a

pure CSS multiple stacked position sticky?

隐身守侯 提交于 2020-01-29 13:31:46
问题 Is it possible to have multiple sticky elements stacked on top of each other in pure CSS? The desired behavior can be seen here: https://webthemez.com/demo/sticky-multi-header-scroll/index.html Only I'd prefer to use pure CSS, instead of a Javascript implementation. I've experimented a bit with multiple sticky elements, but I can't keep them from pushing out other sticky elements. I've tried placing them in the same stacking context: #sticky .sticky-1, #sticky .sticky-2 { position: sticky; }

pure CSS multiple stacked position sticky?

假如想象 提交于 2020-01-29 13:27:06
问题 Is it possible to have multiple sticky elements stacked on top of each other in pure CSS? The desired behavior can be seen here: https://webthemez.com/demo/sticky-multi-header-scroll/index.html Only I'd prefer to use pure CSS, instead of a Javascript implementation. I've experimented a bit with multiple sticky elements, but I can't keep them from pushing out other sticky elements. I've tried placing them in the same stacking context: #sticky .sticky-1, #sticky .sticky-2 { position: sticky; }

position sticky top and bottom page layout?

好久不见. 提交于 2020-01-23 17:53:11
问题 Is there a way to update this gist such that the <nav> element sticks to bottom:16px until the <footer> pushes it up when the user scrolls to the bottom of the page? I'm trying to find a way to keep the bottom of the <nav> element 16px from the top of the footer (or the bottom of the viewport when the footer is scrolled outside the viewport). In other words, I want the bottom of the nav element and footer to behave just like the top of the nav element and the header are behaving in my gist.

Nested sticky element with zero left does not sticky

拈花ヽ惹草 提交于 2020-01-19 06:21:47
问题 Why my nested sticky element with left: 0 does not stick while the nested element with top: 0 sticks normally? .scroll { width: 200px; height: 200px; border: 1px solid; overflow: auto; } .container { width: 600px; height: 1000px; } .sticky-left { position: sticky; left: 0; } .sticky-top { position: sticky; top: 0; } <div class="scroll"> <div class="sticky-top">sticky-top</div> <div class="sticky-left">sticky-left</div> <div class="container"> <div class="sticky-top">sticky-top-nested</div>

Nested sticky element with zero left does not sticky

混江龙づ霸主 提交于 2020-01-19 06:21:09
问题 Why my nested sticky element with left: 0 does not stick while the nested element with top: 0 sticks normally? .scroll { width: 200px; height: 200px; border: 1px solid; overflow: auto; } .container { width: 600px; height: 1000px; } .sticky-left { position: sticky; left: 0; } .sticky-top { position: sticky; top: 0; } <div class="scroll"> <div class="sticky-top">sticky-top</div> <div class="sticky-left">sticky-left</div> <div class="container"> <div class="sticky-top">sticky-top-nested</div>