我有一个侧边栏，其高度大于屏幕尺寸，当使用 时position: sticky，我将无法看到侧边栏的底部，直到滚动到页面末尾。例如，如何确保滚动时页面的 50% 已经显示侧边栏的下部？
这里的代码示例： https: //jsfiddle.net/zxypmqvg/3/
.main-block {
display: flex;
}
.sidebar {
background-color: LightCoral;
width: 25%;
}
.sidebar-content {
margin: 5px;
margin-bottom: 40px;
background-color: LimeGreen;
position: sticky;
top: 0;
}
.main-content {
width: 75%;
height: 4000px;
background-color: LightBlue;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="main-block">
<div class="sidebar">
<div class="sidebar-content">
<p>sometext for example for stackoverfrom</p>
<p>sometext for example for stackoverfrom</p>
<p>sometext for example for stackoverfrom</p>
<p>sometext for example for stackoverfrom</p> …我使用 Laravel Socialite 制作 OAuth，我一步一步地尝试了 3 个不同的指南并导致相同的错误Trying to access array offset on value of type null。
我的 composer.json
"require": {
"php": "^7.3.1",
"fideloper/proxy": "^4.0",
"laravel/framework": "^6.2",
"laravel/socialite": "^4.3",
"laravel/tinker": "^2.0",
"laravel/ui": "^1.2",
"socialiteproviders/vkontakte": "^4.0"
},
还有我的 LoginController
public function redirectToProvider()
{
return Socialite::driver('github')->redirect();
}
public function handleProviderCallback()
{
$user = Socialite::driver('github')->user();
dd($user);
}