临摹马导滚动背景+圆形播放器-花开的时候你就来看我

执著

执著

为什么歌词不显示了？在编辑器中完美显示的呀，请老师指点，谢谢！

执著

发现是播放器和歌词位置的设置问题，请老师指教为感！

红影

我的电脑能看到歌词和图片滚动啊，执著自己看不到么

小辣椒

音乐和歌词出来的，但歌词和播放器都会溜界面外面去，你的图片实际高度不止600,

小辣椒

这个临摹制作很漂亮的，执著加油！

执著

红影 发表于 2024-4-1 20:18
我的电脑能看到歌词和图片滚动啊，执著自己看不到么

我后来才发现歌词溢出屏幕顶部了，修改了好多次，才有现在的结果，也不知道规不规矩： player_css: 'bottom: -400px; left: calc(50% - 60px);',
        lrc_css: 'top: 700px; left: 50%; transform: translateX(-50%);',

执著

小辣椒 发表于 2024-4-1 21:24
这个临摹制作很漂亮的，执著加油！

谢谢老师鼓励，正如你所说，歌词溢出了顶部，修改了好多次，也不知道是不是这样设置： player_css: 'bottom: -400px; left: calc(50% - 60px);',
        lrc_css: 'top: 700px; left: 50%; transform: translateX(-50%);',

执著

小辣椒 发表于 2024-4-1 21:24
这个临摹制作很漂亮的，执著加油！

谢谢老师鼓励，正如你所说，歌词溢出了顶部，修改了好多次，也不知道是不是这样设置： player_css: 'bottom: -400px; left: calc(50% - 60px);',
        lrc_css: 'top: 700px; left: 50%; transform: translateX(-50%);',

起个网名好难

#papa { margin:0 0 0 calc(50% - 593px);
width: 1024px;
height: 600px;
box-shadow: 3px 3px 6px #333;
z-index: 1; position:relative;}

        player_css: 'bottom: 10px; left: calc(50% - 60px);',
        lrc_css: 'top:20px; left: 50%; transform: translateX(-50%);',


把这几处改改试试看

执著

起个网名好难 发表于 2024-4-2 08:22
#papa { margin:0 0 0 calc(50% - 593px);
width: 1024px;
height: 600px;

谢谢老师，改了，完美！能指教我一下思路吗？

起个网名好难

执著 发表于 2024-4-2 17:45
谢谢老师，改了，完美！能指教我一下思路吗？

#papa { margin:0 0 0 calc(50% - 593px);
width: 1024px;
height: 600px;
box-shadow: 3px 3px 6px #333;
z-index: 1; position:relative;}
加上这个后画面上的元素都以外框（#papa）作为相对的参考；


        player_css: 'bottom: 10px; left: calc(50% - 60px);',
这个表示那个圆环放在离外框底边 10px 的位置

        lrc_css: 'top:20px; left: 50%; transform: translateX(-50%);',
这个表示歌词放在离外框顶边 20px 的位置

执著

起个网名好难 发表于 2024-4-2 18:17
#papa { margin:0 0 0 calc(50% - 593px);
width: 1024px;
height: 600px;

太感谢老师了

红影

执著 发表于 2024-4-1 22:22
我后来才发现歌词溢出屏幕顶部了，修改了好多次，才有现在的结果，也不知道规不规矩： player_css: 'bott ...

看看10吧，那个指导应该是解决问题的法子

执著

红影 发表于 2024-4-2 21:15
看看10吧，那个指导应该是解决问题的法子

谢谢老师

红影

执著 发表于 2024-4-2 21:40
谢谢老师

不客气啊，其实我也不熟练